<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('员工信息')" />
<th:block th:include="include :: bootstrap-table-css" />
	<style>
		input {
			margin-left: 5px;
			margin-right: 10px;
			text-align: center;
			border:0px;
		}
		.form-control-file{
			width: 320px;height: 25px;
		}
		label.error {
  			color:red
		}
		input.error {
  			border-color: #fd3995;;
		}
		input.success{
			border-color: #1dc9b7;
		}
		.swal2-container{
			z-index:10069;
		}
	</style> 
	<style>
		.bootstrap4>.fixed-table-container{
			overflow:hidden;
		}
	</style>
	<style>
		.fixed-columns{
			position:absolute;
			top:0px;
		}
		.bootstrap4>.fixed-table-container>.fixed-table-body{
			background-color:#fff;
			height:100%;
		   	overflow-y: auto;
		    overflow-x: auto;
		}
		.bootstrap4>.fixed-table-container>.fixed-columns>.fixed-table-body{
			background-color:#fff;
			height:100%;
		    overflow: hidden;
		    border-right:1px red solid;
		}
		.fixed-columns>.fixed-table-header{
			background-color:#fff;
			border-right:1px red solid;
		}
	</style>
</style>
</head>
<body class="mod-bg-1 mod-nav-link nav-function-minify">
	<script>
		'use strict';

		var classHolder = document.getElementsByTagName("BODY")[0],
		
		themeSettings = (localStorage.getItem('themeSettings')) ? JSON
				.parse(localStorage.getItem('themeSettings')) : {}, themeURL = themeSettings.themeURL
				|| '', themeOptions = themeSettings.themeOptions || '';
		if (themeSettings.themeOptions) {
			classHolder.className = themeSettings.themeOptions;
			console.log("%c✔ Theme settings loaded", "color: #148f32");
		} else {
			console
					.log(
							"%c✔ Heads up! Theme settings is empty or does not exist, loading default settings...",
							"color: #ed1c24");
		}
		if (themeSettings.themeURL && !document.getElementById('mytheme')) {
			var cssfile = document.createElement('link');
			cssfile.id = 'mytheme';
			cssfile.rel = 'stylesheet';
			cssfile.href = themeURL;
			document.getElementsByTagName('head')[0].appendChild(cssfile);

		} else if (themeSettings.themeURL && document.getElementById('mytheme')) {
			document.getElementById('mytheme').href = themeSettings.themeURL;
		}
		var saveSettings = function() {
			themeSettings.themeOptions = String(classHolder.className).split(
					/[^\w-]+/).filter(function(item) {
				return /^(nav|header|footer|mod|display)-/i.test(item);
			}).join(' ');
			if (document.getElementById('mytheme')) {
				themeSettings.themeURL = document.getElementById('mytheme')
						.getAttribute("href");
			}
			;
			localStorage
					.setItem('themeSettings', JSON.stringify(themeSettings));
		}
		console.log(themeSettings);
		console.log(document.getElementsByTagName('head')[0])
		var resetSettings = function() {
			localStorage.setItem("themeSettings", "");
		}
	</script>
	<!-- BEGIN Page Wrapper -->
	<div class="page-wrapper">
		<div class="page-inner">
			<!-- BEGIN Left Aside -->
			<aside class="page-sidebar">
				<div class="page-logo">
					<a href="#"
						class="page-logo-link press-scale-down d-flex align-items-center position-relative"
						data-toggle="modal" data-target="#modal-shortcut"> <img
						th:src="@{/img/logo.png}" alt="SmartAdmin WebApp"
						aria-roledescription="logo"> <span
						class="page-logo-text mr-1">上海赫丰HR智慧系统</span> <span
						class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
						<i
						class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
					</a>
				</div>
				<!-- BEGIN PRIMARY NAVIGATION -->
				<nav id="js-primary-nav" class="primary-nav" role="navigation">
					<div class="nav-filter">
						<div class="position-relative">
							<input type="text" id="nav_filter_input"
								placeholder="Filter menu" class="form-control" tabindex="0">
							<a href="#" onclick="return false;"
								class="btn-primary btn-search-close js-waves-off"
								data-action="toggle" data-class="list-filter-active"
								data-target=".page-sidebar"> <i class="fal fa-chevron-up"></i>
							</a>
						</div>
					</div>
					<div class="info-card" th:object="${user}">
						<img th:src="@{/img/demo/avatars/avatar-admin.png}"
							class="profile-image rounded-circle" alt="Dr. Codex Lantern">
						<div class="info-card-text">
							<a href="#" class="d-flex align-items-center text-white"> <span
								class="text-truncate text-truncate-sm d-inline-block" th:text="${user.userName}">
									</span>
							</a> <span class="d-inline-block text-truncate text-truncate-sm" th:text="${user.email}">
								</span>
						</div>
						<img th:src="@{/img/card-backgrounds/cover-2-lg.png}"
							class="cover" alt="cover"> <a href="#"
							onclick="return false;" class="pull-trigger-btn"
							data-action="toggle" data-class="list-filter-active"
							data-target=".page-sidebar" data-focus="nav_filter_input"> <i
							class="fal fa-angle-down"></i>
						</a>
					</div>
					<ul id="js-nav-menu" class="nav-menu">
						<li class=""><a href="#" title="首页"
							data-filter-tags="application intel"> <i
								class="fal fa-chart-pie"></i> <span class="nav-link-text"
								data-i18n="nav.application_intel">首页</span>
						</a>
							<ul>

								<li class="">
									<a th:href="@{/index}" title="仪表板">
										<span class="nav-link-text">仪表板</span>
									</a>
								</li>
								<li>
									<a th:href="@{/system/remind}" title="消息提醒">
										<span class="nav-link-text">消息提醒</span>
									</a>
								</li>
								<li>
									<a th:href="@{/system/setting}" title="个人设置">
										<span class="nav-link-text">个人设置</span>
									</a>
								</li>

							</ul></li>
						<li><a href="#" title="系统监控"
							data-filter-tags="monitor settings"> <i
								class="fal fa-desktop"></i> <span class="nav-link-text"
								data-i18n="nav.monitor_settings">系统监控</span>
						</a>
							<ul>
								<li><a th:href="@{/monitor/job}" title="定时任务管理"
									data-filter-tags="monitor settings job"> <span
										class="nav-link-text" data-i18n="nav.monitor_settings_job">定时任务管理</span>
								</a></li>
							</ul></li>
						<li><a href="#" title="系统设置"
							data-filter-tags="theme settings"> <i class="fal fa-cog"></i>
								<span class="nav-link-text" data-i18n="nav.theme_settings">系统设置</span>
						</a>
							<ul>
								<li><a th:href="@{/system/user}" title="用户管理"
									data-filter-tags="system settings user"> <span
										class="nav-link-text" data-i18n="nav.system_settings_user">用户管理</span>
								</a></li>
								<li><a th:href="@{/system/role}" title="角色管理"
									data-filter-tags="system settings role"> <span
										class="nav-link-text" data-i18n="nav.system_settings_role">角色管理</span>
								</a></li>
							</ul></li>
						<li class="active open"><a href="#" title="公司设置"
							data-filter-tags="system settings"> <i class="fal fa-edit"></i>
								<span class="nav-link-text" data-i18n="nav.system_settings">公司设置</span>
						</a>
							<ul>
								<li><a th:href="@{/system/dept}" title="组织架构"
									data-filter-tags="system settings dept"> <span
										class="nav-link-te xt" data-i18n="system settings dept">组织架构</span>
								</a></li>
								

								<li class="active"><a th:href="@{/system/emp1}"
									title="员工花名册" data-filter-tags="system settings emp"> <span
										class="nav-link-text" data-i18n="system settings emp">员工花名册</span>
								</a></li>
							</ul></li>


						<li><a href="#" title="资料管理" data-filter-tags="ui components">
								<i class="fal fa-book"></i> <span class="nav-link-text"
								data-i18n="nav.ui_components">资料管理</span>
						</a>
							<ul>
								<li><a th:href="@{/system/comfile}" title="公司文件"
									data-filter-tags="system settings emp"> <span
										class="nav-link-text" data-i18n="system settings emp">公司文件</span>
								</a></li>
								<li><a th:href="@{/system/goods}" title="办公用品"
									data-filter-tags="system settings emp"> <span
										class="nav-link-text" data-i18n="system settings emp">办公用品</span>
								</a></li>
								<li><a th:href="@{/system/papers}" title="公司证件"
									data-filter-tags="system settings emp"> <span
										class="nav-link-text" data-i18n="system settings emp">公司证件</span>
								</a></li>
								<li><a th:href="@{/system/contractmana}" title="合约管理"
									data-filter-tags="system settings emp"> <span
										class="nav-link-text" data-i18n="system settings emp">合约管理</span>
								</a></li>


							</ul></li>
						<li><a href="#" title="工资设置"
							data-filter-tags="statistics chart graphs"> <i
								class="fal fa-cube"></i> <span class="nav-link-text"
								data-i18n="nav.statistics">工资设置</span>
						</a>
							<ul>
								<li><a th:href="@{/system/accumulation}" title="社保公积金计算规则"
									data-filter-tags="statistics chart graphs sparkline small tiny">
										<span class="nav-link-text"
										data-i18n="nav.statistics_sparkline">社保公积金计算规则</span> <span
										class="dl-ref label bg-primary-700 ml-2"></span>
								</a></li>
								<li><a th:href="@{/system/checkrule}" title="考勤规则"
									data-filter-tags="statistics chart graphs easy pie chart">
										<span class="nav-link-text"
										data-i18n="nav.statistics_easy_pie_chart">考勤规则 </span> <span
										class="dl-ref label bg-primary-700 ml-2"></span>
								</a></li>
								<li><a th:href="@{/system/checkrule}" title="工资增减规则"
									data-filter-tags="statistics chart graphs dygraph complex">
										<span class="nav-link-text" data-i18n="nav.statistics_dygraph">工资增减规则</span>
										<span class="dl-ref label bg-primary-700 ml-2"></span>
								</a></li>
							</ul></li>
						<li><a href="#" title="员工考勤"
							data-filter-tags="statistics chart graphs"> <i
								class="fal fa-calendar-alt"></i> <span class="nav-link-text"
								data-i18n="nav.statistics">员工考勤</span>
						</a>
							<ul>
								<li>
									<a th:href="@{/system/review}" title="年假查阅">
										<span class="nav-link-text">年假查阅</span>
									</a>
								</li>
								<li>
									<a th:href="@{/system/attendance}" title="考勤查阅">
										<span class="nav-link-text">考勤查阅</span>
									</a>
								</li>
								<!-- <li>
									<a href="#" title="考勤导入"
										<span class="nav-link-text">考勤导入</span>
									</a>
								</li> -->
							</ul>
						</li>
						<li><a href="#" title="工资核算" data-filter-tags="wage settings">
								<i class="fal fa-sack-dollar"></i> <span class="nav-link-text"
								data-i18n="nav.wage_settings">工资核算</span>
						</a>
							<ul>
								<li><a th:href="@{/system/penalty}" title="处罚记录"
									data-filter-tags="wage settings punishRecord"> <span
										class="nav-link-text"
										data-i18n="nav.wage_settings_punishRecord">处罚记录</span>
								</a></li>
								<li><a th:href="@{/system/performance}" title="绩效管理"
									data-filter-tags="wage settings performManage"> <span
										class="nav-link-text"
										data-i18n="nav.wage_settings_performManage">绩效管理</span>
								</a></li>
								<li><a th:href="@{/wage/providerecord}" title="发放记录"
									data-filter-tags="wage settings providerecord"> <span
										class="nav-link-text"
										data-i18n="nav.wage_settings_providerecord">发放记录</span>
								</a></li>
								<li><a th:href="@{/wage/newwageaccount}" title="核算新工资"
									data-filter-tags="wage settings newWageAccount"> <span
										class="nav-link-text"
										data-i18n="nav.wage_settings_newWageAccount">核算新工资</span>
								</a></li>
							</ul></li>
					</ul>
					<div class="filter-message js-filter-message bg-success-600"></div>
				</nav>
				<!-- END PRIMARY NAVIGATION -->
				<!-- NAV FOOTER -->
				<div class="nav-footer shadow-top">
					<a href="#" onclick="return false;" data-action="toggle"
						data-class="nav-function-minify" class="hidden-md-down"> <i
						class="ni ni-chevron-right"></i> <i class="ni ni-chevron-right"></i>
					</a>
					<ul class="list-table m-auto nav-footer-buttons">
						<li><a href="javascript:void(0);" data-toggle="tooltip"
							data-placement="top" title="Chat logs"> <i
								class="fal fa-comments"></i>
						</a></li>
						<li><a href="javascript:void(0);" data-toggle="tooltip"
							data-placement="top" title="Support Chat"> <i
								class="fal fa-life-ring"></i>
						</a></li>
						<li><a href="javascript:void(0);" data-toggle="tooltip"
							data-placement="top" title="Make a call"> <i
								class="fal fa-phone"></i>
						</a></li>
					</ul>
				</div>
				<!-- END NAV FOOTER -->
			</aside>
			<!-- END Left Aside -->
			<div class="page-content-wrapper">
				<!-- BEGIN Page Header -->
				<header class="page-header" role="banner">
					<!-- we need this logo when user switches to nav-function-top -->
					<div class="page-logo">
						<a href="#"
							class="page-logo-link press-scale-down d-flex align-items-center position-relative"
							data-toggle="modal" data-target="#modal-shortcut"> <img
							th:src="@{/img/logo.png}" alt="SmartAdmin WebApp"
							aria-roledescription="logo"> <span
							class="page-logo-text mr-1">SmartAdmin WebApp</span> <span
							class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
							<i
							class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
						</a>
					</div>
					<!-- DOC: nav menu layout change shortcut -->
					<div class="hidden-md-down dropdown-icon-menu position-relative">
						<a href="#" class="header-btn btn js-waves-off"
							data-action="toggle" data-class="nav-function-hidden"
							title="Hide Navigation"> <i class="ni ni-menu"></i>
						</a>
						<ul>
							<li><a href="#" class="btn js-waves-off"
								data-action="toggle" data-class="nav-function-minify"
								title="Minify Navigation"> <i class="ni ni-minify-nav"></i>
							</a></li>
							<li><a href="#" class="btn js-waves-off"
								data-action="toggle" data-class="nav-function-fixed"
								title="Lock Navigation"> <i class="ni ni-lock-nav"></i>
							</a></li>
						</ul>
					</div>
					<!-- DOC: mobile button appears during mobile width -->
					<div class="hidden-lg-up">
						<a href="#" class="header-btn btn press-scale-down"
							data-action="toggle" data-class="mobile-nav-on"> <i
							class="ni ni-menu"></i>
						</a>
					</div>
					<div class="search">
						<form class="app-forms hidden-xs-down" role="search"
							action="page_search.html" autocomplete="off">
							<input type="text" id="search-field"
								placeholder="Search for anything" class="form-control"
								tabindex="1"> <a href="#" onclick="return false;"
								class="btn-danger btn-search-close js-waves-off d-none"
								data-action="toggle" data-class="mobile-search-on"> <i
								class="fal fa-times"></i>
							</a>
						</form>
					</div>
					<div class="ml-auto d-flex">
						<!-- activate app search icon (mobile) -->
						<div class="hidden-sm-up">
							<a href="#" class="header-icon" data-action="toggle"
								data-class="mobile-search-on" data-focus="search-field"
								title="Search"> <i class="fal fa-search"></i>
							</a>
						</div>
						<!-- app settings -->
						<div class="hidden-md-down">
							<a href="#" class="header-icon" data-toggle="modal"
								data-target=".js-modal-settings"> <i class="fal fa-cog"></i>
							</a>
						</div>
						<!-- app shortcuts -->
						<div>
							<a href="#" class="header-icon" data-toggle="dropdown"
								title="My Apps"> <i class="fal fa-cube"></i>
							</a>
							<div class="dropdown-menu dropdown-menu-animated w-auto h-auto">
								<div
									class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top">
									<h4 class="m-0 text-center color-white">
										Quick Shortcut <small class="mb-0 opacity-80">User
											Applications & Addons</small>
									</h4>
								</div>
								<div class="custom-scroll h-100">
									<ul class="app-list">
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-2 icon-stack-3x color-primary-600"></i> <i
													class="base-3 icon-stack-2x color-primary-700"></i> <i
													class="ni ni-settings icon-stack-1x text-white fs-lg"></i>
											</span> <span class="app-list-name"> Services </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-2 icon-stack-3x color-primary-400"></i> <i
													class="base-10 text-white icon-stack-1x"></i> <i
													class="ni md-profile color-primary-800 icon-stack-2x"></i>
											</span> <span class="app-list-name"> Account </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-9 icon-stack-3x color-success-400"></i> <i
													class="base-2 icon-stack-2x color-success-500"></i> <i
													class="ni ni-shield icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Security </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-18 icon-stack-3x color-info-700"></i> <span
													class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">28</span>
											</span> <span class="app-list-name"> Calendar </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-7 icon-stack-3x color-info-500"></i> <i
													class="base-7 icon-stack-2x color-info-700"></i> <i
													class="ni ni-graph icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Stats </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-4 icon-stack-3x color-danger-500"></i> <i
													class="base-4 icon-stack-1x color-danger-400"></i> <i
													class="ni ni-envelope icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Messages </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-4 icon-stack-3x color-fusion-400"></i> <i
													class="base-5 icon-stack-2x color-fusion-200"></i> <i
													class="base-5 icon-stack-1x color-fusion-100"></i> <i
													class="fal fa-keyboard icon-stack-1x color-info-50"></i>
											</span> <span class="app-list-name"> Notes </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-16 icon-stack-3x color-fusion-500"></i> <i
													class="base-10 icon-stack-1x color-primary-50 opacity-30"></i>
													<i
													class="base-10 icon-stack-1x fs-xl color-primary-50 opacity-20"></i>
													<i
													class="fal fa-dot-circle icon-stack-1x text-white opacity-85"></i>
											</span> <span class="app-list-name"> Photos </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-19 icon-stack-3x color-primary-400"></i> <i
													class="base-7 icon-stack-2x color-primary-300"></i> <i
													class="base-7 icon-stack-1x fs-xxl color-primary-200"></i>
													<i class="base-7 icon-stack-1x color-primary-500"></i> <i
													class="fal fa-globe icon-stack-1x text-white opacity-85"></i>
											</span> <span class="app-list-name"> Maps </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-5 icon-stack-3x color-success-700 opacity-80"></i>
													<i
													class="base-12 icon-stack-2x color-success-700 opacity-30"></i>
													<i class="fal fa-comment-alt icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Chat </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-5 icon-stack-3x color-warning-600"></i> <i
													class="base-7 icon-stack-2x color-warning-800 opacity-50"></i>
													<i class="fal fa-phone icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Phone </span>
										</a></li>
										<li><a href="#" class="app-list-item hover-white"> <span
												class="icon-stack"> <i
													class="base-6 icon-stack-3x color-danger-600"></i> <i
													class="fal fa-chart-line icon-stack-1x text-white"></i>
											</span> <span class="app-list-name"> Projects </span>
										</a></li>
										<li class="w-100"><a href="#"
											class="btn btn-default mt-4 mb-2 pr-5 pl-5"> Add more
												apps </a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- app message -->
						<a href="#" class="header-icon" data-toggle="modal"
							data-target=".js-modal-messenger"> <i class="fal fa-globe"></i>
							<span class="badge badge-icon">!</span>
						</a>
						<!-- app notification -->
						<div>
							<a href="#" class="header-icon" data-toggle="dropdown">
								<i class="fal fa-bell"></i> <span class="badge badge-icon"
								id="remindTotal_1"></span>
							</a>
							<div class="dropdown-menu dropdown-menu-animated dropdown-xl">
								<div
									class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
									<h4 class="m-0 text-center color-white">
										<span id="remindTotal_2"></span> 条未查看 <small
											class="mb-0 opacity-80">系统 提醒</small>
									</h4>
								</div>
								<ul class="nav nav-tabs nav-tabs-clean" role="tablist">
									<li class="nav-item"><a
										class="nav-link px-4 fs-md js-waves-on fw-500"
										data-toggle="tab" href="#tab-messages"
										data-i18n="drpdwn.messages">Messages</a></li>
									<li class="nav-item"><a
										class="nav-link px-4 fs-md js-waves-on fw-500"
										data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
									</li>
									<li class="nav-item"><a
										class="nav-link px-4 fs-md js-waves-on fw-500"
										data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
									</li>
								</ul>
								<div class="tab-content tab-notification">
									<div class="tab-pane active p-3 text-center">
										<h5 class="mt-4 pt-4 fw-500">
											<span class="d-block fa-3x pb-4 text-muted"> <i
												class="ni ni-arrow-up text-gradient opacity-70"></i>
											</span> Select a tab above to activate <small
												class="mt-3 fs-b fw-400 text-muted"> This blank page
												message helps protect your privacy, or you can show the
												first message here automatically through <a href="#">settings
													page</a>
											</small>
										</h5>
									</div>
									<div class="tab-pane" id="tab-messages" role="tabpanel">
										<div class="custom-scroll h-100">
											<ul class="notification" id="remindList">
												<!-- <li class="unread">
													<a href="#" class="d-flex align-items-center">  
														<span class="d-flex flex-column flex-1 ml-1"> 
															<span class="name">Melissa Ayre </span>
															<span class="msg-a fs-sm">Re: New security codes</span>
															<span class="fs-nano text-muted mt-1">56 seconds ago</span>
														</span>
													</a>
												</li> -->
											</ul>
										</div>
									</div>
									<div class="tab-pane" id="tab-feeds" role="tabpanel">
										<div class="custom-scroll h-100">
											<ul class="notification">
												<li class="unread">
													<div class="d-flex align-items-center show-child-on-hover">
														<span class="d-flex flex-column flex-1"> <span
															class="name d-flex align-items-center">Administrator
																<span class="badge badge-success fw-n ml-1">UPDATE</span>
														</span> <span class="msg-a fs-sm"> System updated to
																version <strong>4.5.1</strong> <a
																href="docs_buildnotes.html">(patch notes)</a>
														</span> <span class="fs-nano text-muted mt-1">5 mins ago</span>
														</span>
														<div
															class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
															<a href="#" class="text-muted" title="delete"><i
																class="fal fa-trash-alt"></i></a>
														</div>
													</div>
												</li>
												<li>
													<div class="d-flex align-items-center show-child-on-hover">
														<div class="d-flex flex-column flex-1">
															<span class="name"> Adison Lee <span
																class="fw-300 d-inline">replied to your video <a
																	href="#" class="fw-400"> Cancer Drug</a>
															</span>
															</span> <span class="msg-a fs-sm mt-2">Bring to the table
																win-win survival strategies to ensure proactive
																domination. At the end of the day...</span> <span
																class="fs-nano text-muted mt-1">10 minutes ago</span>
														</div>
														<div
															class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
															<a href="#" class="text-muted" title="delete"><i
																class="fal fa-trash-alt"></i></a>
														</div>
													</div>
												</li>
												<li>
													<div class="d-flex align-items-center show-child-on-hover">
														<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
														<div class="d-flex flex-column flex-1">
															<span class="name"> Troy Norman'<span
																class="fw-300">s new connections</span>
															</span>
															<div class="fs-sm d-flex align-items-center mt-2">
																<span
																	class="profile-image-md mr-1 rounded-circle d-inline-block"
																	style="background-image: url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
																<span
																	class="profile-image-md mr-1 rounded-circle d-inline-block"
																	style="background-image: url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
																<span
																	class="profile-image-md mr-1 rounded-circle d-inline-block"
																	style="background-image: url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
																<span
																	class="profile-image-md mr-1 rounded-circle d-inline-block"
																	style="background-image: url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
																<div data-hasmore="+3"
																	class="rounded-circle profile-image-md mr-1">
																	<span
																		class="profile-image-md mr-1 rounded-circle d-inline-block"
																		style="background-image: url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
																</div>
															</div>
															<span class="fs-nano text-muted mt-1">55 minutes
																ago</span>
														</div>
														<div
															class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
															<a href="#" class="text-muted" title="delete"><i
																class="fal fa-trash-alt"></i></a>
														</div>
													</div>
												</li>
												<li>
													<div class="d-flex align-items-center show-child-on-hover">
														<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
														<div class="d-flex flex-column flex-1">
															<span class="name">Dr John Cook <span
																class="fw-300">sent a <span class="text-danger">new
																		signal</span></span></span> <span class="msg-a fs-sm mt-2">Nanotechnology
																immersion along the information highway will close the
																loop on focusing solely on the bottom line.</span> <span
																class="fs-nano text-muted mt-1">10 minutes ago</span>
														</div>
														<div
															class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
															<a href="#" class="text-muted" title="delete"><i
																class="fal fa-trash-alt"></i></a>
														</div>
													</div>
												</li>
												<li>
													<div class="d-flex align-items-center show-child-on-hover">
														<div class="d-flex flex-column flex-1">
															<span class="name">Lab Images <span class="fw-300">were
																	updated!</span></span>
															<div class="fs-sm d-flex align-items-center mt-1">
																<a href="#" class="mr-1 mt-1" title="Cell A-0012"> <span
																	class="d-block img-share"
																	style="background-image: url('img/thumbs/pic-7.png'); background-size: cover;"></span>
																</a> <a href="#" class="mr-1 mt-1"
																	title="Patient A-473 saliva"> <span
																	class="d-block img-share"
																	style="background-image: url('img/thumbs/pic-8.png'); background-size: cover;"></span>
																</a> <a href="#" class="mr-1 mt-1"
																	title="Patient A-473 blood cells"> <span
																	class="d-block img-share"
																	style="background-image: url('img/thumbs/pic-11.png'); background-size: cover;"></span>
																</a> <a href="#" class="mr-1 mt-1"
																	title="Patient A-473 Membrane O.C"> <span
																	class="d-block img-share"
																	style="background-image: url('img/thumbs/pic-12.png'); background-size: cover;"></span>
																</a>
															</div>
															<span class="fs-nano text-muted mt-1">55 minutes
																ago</span>
														</div>
														<div
															class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
															<a href="#" class="text-muted" title="delete"><i
																class="fal fa-trash-alt"></i></a>
														</div>
													</div>
												</li>
												<li>
													<div class="d-flex align-items-center show-child-on-hover">
														<div class="d-flex flex-column flex-1">
															<div class="name mb-2">
																Lisa Lamar<span class="fw-300"> updated project</span>
															</div>
															<div class="row fs-b fw-300">
																<div class="col text-left">Progress</div>
																<div class="col text-right fw-500">45%</div>
															</div>
															<div class="progress progress-sm d-flex mt-1">
																<span
																	class="progress-bar bg-primary-500 progress-bar-striped"
																	role="progressbar" style="width: 45%"
																	aria-valuenow="45" aria-valuemin="0"
																	aria-valuemax="100"></span>
															</div>
															<span class="fs-nano text-muted mt-1">2 hrs ago</span>
															<div
																class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
																<a href="#" class="text-muted" title="delete"><i
																	class="fal fa-trash-alt"></i></a>
															</div>
														</div>
													</div>
												</li>
											</ul>
										</div>
									</div>
									<div class="tab-pane" id="tab-events" role="tabpanel">
										<div class="d-flex flex-column h-100">
											<div class="h-auto">
												<table
													class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
													<tr>
														<th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
															<div class="js-get-date h5 mb-2">[your date here]</div>
														</th>
													</tr>
													<tr class="text-center">
														<th>Sun</th>
														<th>Mon</th>
														<th>Tue</th>
														<th>Wed</th>
														<th>Thu</th>
														<th>Fri</th>
														<th>Sat</th>
													</tr>
													<tr>
														<td class="text-muted bg-faded">30</td>
														<td>1</td>
														<td>2</td>
														<td>3</td>
														<td>4</td>
														<td>5</td>
														<td><i
															class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i>
															6</td>
													</tr>
													<tr>
														<td>7</td>
														<td>8</td>
														<td>9</td>
														<td class="bg-primary-300 pattern-0">10</td>
														<td>11</td>
														<td>12</td>
														<td>13</td>
													</tr>
													<tr>
														<td>14</td>
														<td>15</td>
														<td>16</td>
														<td>17</td>
														<td>18</td>
														<td>19</td>
														<td>20</td>
													</tr>
													<tr>
														<td>21</td>
														<td>22</td>
														<td>23</td>
														<td>24</td>
														<td>25</td>
														<td>26</td>
														<td>27</td>
													</tr>
													<tr>
														<td>28</td>
														<td>29</td>
														<td>30</td>
														<td>31</td>
														<td class="text-muted bg-faded">1</td>
														<td class="text-muted bg-faded">2</td>
														<td class="text-muted bg-faded">3</td>
													</tr>
												</table>
											</div>
											<div class="flex-1 custom-scroll">
												<div class="p-2">
													<div class="d-flex align-items-center text-left mb-3">
														<div
															class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
															15</div>
														<div class="flex-1">
															<div class="d-flex flex-column">
																<span class="l-h-n fs-md fw-500 opacity-70">
																	October 2020 </span> <span
																	class="l-h-n fs-nano fw-400 text-secondary">
																	Friday </span>
															</div>
															<div class="mt-3">
																<p>
																	<strong>2:30PM</strong> - Doctor's appointment
																</p>
																<p>
																	<strong>3:30PM</strong> - Report overview
																</p>
																<p>
																	<strong>4:30PM</strong> - Meeting with Donnah V.
																</p>
																<p>
																	<strong>5:30PM</strong> - Late Lunch
																</p>
																<p>
																	<strong>6:30PM</strong> - Report Compression
																</p>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div
									class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
									<a th:href="@{/system/remind}" class="fs-xs fw-500 ml-auto">view
										all notifications</a>
								</div>
							</div>
						</div>
						<!-- app user menu -->
						<div>
							<a href="#" data-toggle="dropdown"
								title="drlantern@gotbootstrap.com"
								class="header-icon d-flex align-items-center justify-content-center ml-2">
								<img th:src="@{/img/demo/avatars/avatar-admin.png}"
								class="profile-image rounded-circle" alt="Dr. Codex Lantern">
							</a>
							<div class="dropdown-menu dropdown-menu-animated dropdown-lg">
								<div
									class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
									<div
										class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
										<span class="mr-2"> <img
											th:src="@{/img/demo/avatars/avatar-admin.png}"
											class="rounded-circle profile-image" alt="Dr. Codex Lantern">
										</span>
										<div class="info-card-text" th:object="${user}">
											<div class="fs-lg text-truncate text-truncate-lg" th:text="${user.userName}"></div>
											<span class="text-truncate text-truncate-md opacity-80" th:text="${user.email}"></span>
										</div>
									</div>
								</div>
								<div class="dropdown-divider m-0"></div>
								<a href="#" class="dropdown-item" data-action="app-reset"> <span
									data-i18n="drpdwn.reset_layout">Reset Layout</span>
								</a> <a href="#" class="dropdown-item" data-toggle="modal"
									data-target=".js-modal-settings"> <span
									data-i18n="drpdwn.settings">Settings</span>
								</a>
								<div class="dropdown-divider m-0"></div>
								<a href="#" class="dropdown-item" data-action="app-fullscreen">
									<span data-i18n="drpdwn.fullscreen">Fullscreen</span> <i
									class="float-right text-muted fw-n">F11</i>
								</a> <a href="#" class="dropdown-item" data-action="app-print">
									<span data-i18n="drpdwn.print">Print</span> <i
									class="float-right text-muted fw-n">Ctrl + P</i>
								</a>
								<div class="dropdown-multilevel dropdown-multilevel-left">
									<div class="dropdown-item">Language</div>
									<div class="dropdown-menu">
										<a href="#?lang=fr" class="dropdown-item" data-action="lang"
											data-lang="fr">Français</a> <a href="#?lang=en"
											class="dropdown-item active" data-action="lang"
											data-lang="en">English (US)</a> <a href="#?lang=es"
											class="dropdown-item" data-action="lang" data-lang="es">Español</a>
										<a href="#?lang=ru" class="dropdown-item" data-action="lang"
											data-lang="ru">Русский язык</a> <a href="#?lang=jp"
											class="dropdown-item" data-action="lang" data-lang="jp">日本語</a>
										<a href="#?lang=ch" class="dropdown-item" data-action="lang"
											data-lang="ch">中文</a>
									</div>
								</div>
								<a class="dropdown-item fw-500 pt-3 pb-3" th:href="@{/lock}">
									<span data-i18n="drpdwn.page-logout">锁屏</span> <!-- <span
									class="float-right fw-n">&commat;codexlantern</span> -->
								</a>
								<div class="dropdown-divider m-0"></div>
								<a class="dropdown-item fw-500 pt-3 pb-3" th:href="@{/logout}">
									<span data-i18n="drpdwn.page-logout">退出登录</span> <span
									class="float-right fw-n">&commat;codexlantern</span>
								</a>
							</div>
						</div>
					</div>
				</header>
				<main id="js-page-content" role="main" class="page-content">
				<ol class="breadcrumb page-breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
					<li class="breadcrumb-item">系统管理</li>
					<li class="breadcrumb-item active">员工信息</li>
					<li class="position-absolute pos-top pos-right d-none d-sm-block"><span
						class="js-get-date"></span></li>
				</ol>
				<div class="subheader">
					<h1 class="subheader-title">
						<i class='subheader-icon fal fa-window'></i> 员工信息
					</h1>
				</div>
				<div class="row" style="overflow: auto">
				<form class="col-xl-12 mb" th:action="@{/system/emp/update}" method="post" enctype="multipart/form-data" id="formAdd">
					<div class="col-xl-12 m-auto">
						<div id="panel-1" class="panel">
							<div class="panel-hdr">
								<div class="panel-toolbar">
									<button
										class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
										tabindex="0" aria-controls="dt-basic-example" type="button"
										style="" id="" onclick="empMseeage()">
										<span>员工手机入职</span>
									</button>
									<!-- </a> -->
									<button
										class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
										tabindex="0" aria-controls="dt-basic-example" type="button"
										style="position:absolute;right:5px;" id="" onclick="empMseeagess()">
										<span>员工离职单</span>
									</button>
								</div>
							</div>
							
							<div class="panel-container show">
								<div class="panel-content">
									<div class="card mb-g border">
										<div class="card-header py-2">
											<div class="card-title">个人信息</div>
											<a href="#" class="header-btn btn js-waves-off"
												data-action="toggle" data-class="nav-function-hidden"
												title="Hide Navigation"> <i class="ni ni-menu"></i>
											</a>
										</div>
										<div class="card-body" >
											<div class="form-group ">
										<label class=" col-md-3 col-sm-6">工号： 
											<input type="text" class="form-control"
											id="job_id" name="job_id" th:value="${emp.job_id}"
											readonly="readonly" />
										</label> 
										
										<label class="col-md-3 col-sm-6">员工姓名： 
											<input type="text" class="form-control"
											id="name" name="name" th:value="${emp.name}"
											readonly="readonly" />
										</label> 
										<label class="col-md-3 col-xs-6">出生日期： 
											<input type="date" class="form-control"
											id="birthday" name="birthday"
											th:value="${#dates.format(emp.birthday,'yyyy-MM-dd')}" />
										</label>
									</div>
									<div class="form-group"> 
										<label class="col-md-3 col-xs-6" />身份证号码： <input type="text"
											class="form-control" id="id_card" name="id_card"
											th:value="${emp.id_card}"
											readonly="readonly" /> 
										</label> 
										<label class="col-md-3 col-md-3 col-xs-6" />证件信息： 
											<input type="text" class="form-control" id="cardinfo" name="cardinfo"
											th:value="${(emp.cardinfo=='' || emp.cardinfo==null)?'身份证':emp.cardinfo}" /> 
										</label>
										<label class="col-md-3 col-xs-6">国籍： 
											<input type="text" class="form-control"
											id="nationality" name="nationality"
											th:value="${emp.nationality==''?'中国' :emp.nationality}" />
										</label>
									</div>
									
									<div class="form-group">
										<label class="col-md-4 col-ms-4">移动电话： 
											<input type="text" class="form-control"
											id="ephone" name="ephone" th:value="${emp.ephone}"
											maxlength="11" />
										</label> 
										 <label class="col-md-4 col-xs-4">身份证有效日期：
											<input type="date" class="form-control" id="carddate"
												name="carddate"
												th:value="${#dates.format(emp.carddate,'yyyy-MM-dd')}" />
										</lable>
										
									</div>
									
									<div class="form-group">
										<label class="col-md-4 col-ms-4" >婚否： 
											<input type="text"
												class="form-control" id="ismarry" name="ismarry"
												th:value="${emp.ismarry}" list="ismarrylist" />
											<datalist id="ismarrylist">
												<option value=""></option>
												<option value="已婚" th:text="已婚"></option>
												<option value="未婚" th:text="未婚"></option>
											</datalist>
										</label> 
										<label class="col-md-4 col-ms-4" >性&nbsp;别： <input type="text"
											class="form-control" id="sex" name="sex"
											th:value="${emp.sex}" list="sexlist"/>
											<datalist id="sexlist">
												<option value=""></option>
												<option value="男" th:text="男"></option>
												<option value="女" th:text="女"></option>
											</datalist>
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-3 ms-4" >籍贯： 
											<input type="text"
											class="form-control" id="jiguan" name="jiguan"
											th:value="${emp.jiguan}" /> 
										</label> 
										<label class="col-md-3 ms-4" >身份证地址：
											<input type="text" class="form-control" id="cardaddress"
											name="cardaddress" th:value="${emp.cardaddress}" /> 
										</label> 
										<label
											class="col-md-3 ms-4" >学历： 
											<input type="text"
											class="form-control" id="education" name="education"
											th:value="${emp.education}" list="educationlist" />
											<datalist id="educationlist">
												<option value=""></option>
												<option value="高中" th:text="高中"></option>
												<option value="中专" th:text="中专"></option>
												<option value="大专" th:text="大专"></option>
												<option value="本科" th:text="本科"></option>
												<option value="硕士" th:text="硕士"></option>
												<option value="博士" th:text="博士"></option>
												<option value="博士后" th:text="博士后"></option>
											</datalist>
										</label>
									</div>
									<div class="form-group"> 
										<label class="col-md-3 ms-3" />毕业院校： <input type="text"
											class="form-control" id="school" name="school"
											th:value="${emp.school}" /> 
										</label>
										<label class="col-md-3 ms-3" />专业：
											<input type="text" class="form-control" id="major" name="major"
											th:value="${emp.major}" /> 
										</label>
										<label class="col-md-3 ms-3" >入职前工作时间(月)： 
											<input
											type="text" class="form-control" id="starthiredate"
											name="starthiredate" th:value="${emp.starthiredate}" list="stralist"/> 
											<datalist id="stralist">
												<option value="1">1</option>
												<option value="3">3</option>
												<option value="6">6</option>
											</datalist>
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-3 ms-3">居住地址：
											<input type="text"
											class="form-control" id="liveaddress" name="liveaddress"
											th:value="${emp.liveaddress}" /> 
										</label> 
										<label class="col-md-3 ms-3" >户籍地址：
											<input type="text" class="form-control" id="residaddress"
											name="residaddress" th:value="${emp.residaddress}" /> 
										</label>
										<label class="col-md-3 ms-3" >紧急联系人： 
											<input type="text"
											class="form-control" id="connpeop" name="connpeop"
											th:value="${emp.connpeop}" /> 
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-4 ms-3" >家庭电话：
											<input type="text" class="form-control" id="familyphone"
											name="familyphone" th:value="${emp.familyphone}"
											maxlength="11" /> 
										</label> 
										<!-- <label class="col-md-3 ms-3" >预计离职时间： 
											<input type="date"
											class="form-control" id="estimatedtime" name="estimatedtime"
											th:value="${emp.estimatedtime}" /> 
										</label> -->
										
									</div>
	
									<div class="form-group">
										<label class="col-md-3 ms-3">
											<a th:if="${emp.Befoleavefile}"
												th:href="@{/system/empentry/download(filename=${emp.Befoleavefile})}">下载原公司离职文件
											</a>
											
											<label th:if="!${emp.Befoleavefile}">原公司离职文件</label>
											<input type="file" id="example-fileinput"
												name="Befoleavefile1" class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.academiccer}"
												th:href="@{/system/empentry/download(filename=${emp.academiccer})}">下载学历证书
											</a>
											
											<label th:if="!${emp.academiccer}">学历证书</label>
											<input type="file" id="example-fileinput" name="academiccer1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.procer}"
												th:href="@{/system/empentry/download(filename=${emp.procer})}">下载职称证书</a>
											<label th:if="!${emp.procer}">职称证书</label>
											<input type="file" id="example-fileinput" name="procer1"
												class="form-control-file">
										</label>
									</div>
	
									<div class="form-group">
										<label class="col-md-3 ms-3">
											<a th:if="${emp.copyfile}"
												th:href="@{/system/empentry/download(filename=${emp.copyfile})}">下载学生证复印件</a>
											<label th:if="!${emp.copyfile}">学生证复印件</label>
											<input type="file" id="copyfile" name="copyfile1"
												class="form-control-file">
										</label>
										
										<label class="col-md-3 ms-3">
											<a th:if="${emp.laborhand}"
												th:href="@{/system/empentry/download(filename=${emp.laborhand})}">下载劳动手册</a>
											<label th:if="!${emp.laborhand}">劳动手册</label>
											<input type="file" id="laborhand" name="laborhand1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.mereport}"
												th:href="@{/system/empentry/download(filename=${emp.mereport})}">下载体验报告</a>
											<label th:if="!${emp.mereport}">体验报告</label>
											<input type="file" id="mereport" name="mereport1"
												class="form-control-file">
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-3 ms-3">
											<a th:if="${emp.sopaytcer}"
												th:href="@{/system/empentry/download(filename=${emp.sopaytcer})}">下载社保缴纳证明</a>
											<label th:if="!${emp.sopaytcer}">社保缴纳证明</label>
											<input type="file" id="sopaytcer" name="sopaytcer1"
												class="form-control-file">
										</label>
										
										<label class="col-md-3 ms-3">
											<a th:if="${emp.recordpro}"
												th:href="@{/system/empentry/download(filename=${emp.recordpro})}">下载无犯罪记录证明</a>
											<label th:if="!${emp.recordpro}">无犯罪记录证明</label>
											<input type="file" id="recordpro" name="recordpro1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.cardpicture}"
												th:href="@{/system/empentry/download(filename=${emp.cardpicture})}">下载身份证照片(正面)</a>
											<label th:if="!${emp.cardpicture}">身份证(正面)</label>
											<input type="file" id="cardpicture" name="cardpicture1"
												class="form-control-file">
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-3 ms-3">
											<a th:if="${emp.card}"
												th:href="@{/system/empentry/download(filename=${emp.card})}">下载身份证(反面)</a>
											<label th:if="!${emp.card}">身份证(反面)</label>
											<input type="file" id="card" name="card1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.banknum}"
												th:href="@{/system/empentry/download(filename=${emp.banknum})}">下载银行卡数字面</a>
											<label th:if="!${emp.banknum}">银行卡数字面</label>
											<input type="file" id="banknum" name="banknum1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.leavefile}"
												th:href="@{/system/emp/download(filename=${emp.leavefile})}">下载离职文件</a>
											<label th:if="!${emp.leavefile}">离职文件</label>
											<input type="file" id="leavefile" name="leavefile1"
												class="form-control-file">
										</label>
									</div>
									<div class="form-group">
										<label class="col-md-3 ms-3">
											<a th:if="${emp.laborcontract}"
												th:href="@{/system/emp/download(filename=${emp.laborcontract})}">下载劳动合同</a>
											<label th:if="!${emp.laborcontract}">劳动合同</label>
											<input type="file" id="laborcontract" name="laborcontract1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.otherdata}"
												th:href="@{/system/empentry/download(filename=${emp.otherdata})}">下载其它资料</a>
											<label th:if="!${emp.otherdata}">其它资料</label>
											<input type="file" id="otherdata" name="otherdata1"
												class="form-control-file">
										</label>
										<label class="col-md-3 ms-3">
											<a th:if="${emp.empphoto}"
											th:href="@{/system/emp/download(filename=${emp.empphoto})}">下载照片
											</a>
											<label th:if="!${emp.empphoto}">照片</label>
											<input type="file" name="empphoto1" id="doc"
												multiple="multiple" class="form-control-file"
												onchange="javascript:setImagePreviews();" accept="image/*" />
											
										</label>
										<div id="dd" style="width: 100px;overflow:auto;"></div>
									</div>
											<div style="text-align: center;">
												<button
													class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
													tabindex="0" aria-controls="dt-basic-example" type="submit"
													style="margin-bottom: 10px;width: 100px;height: 30px" id="saveMessage">
													<span><i class="fal fa-edit mr-1"></i> 保存</span>
												</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							</form>
							<!--  -->
							<div class="panel-container show">
								<div class="panel-content">
									<div class="card mb-g border">
										<div class="card-header py-2">
											<div class="card-title">职位信息</div>

											<a href="#" class="header-btn btn js-waves-off"
												data-action="toggle" data-class="nav-function-hidden"
												title="Hide Navigation"> <i class="ni ni-menu"></i>
											</a>
										</div>
										<div class="card-body">
											<div class="form-group">
												<label class="col-md-3 ms-3" >入职日期: 
													<input type="date"
													class="form-control" id="hiredate" name="hiredate"
													th:value="${#dates.format(emp.hiredate,'yyyy-MM-dd')}" />
												</label> 

												<label class="col-md-3 ms-3" >状态:
													 <input type="text" list="statuslist" class="form-control" id="status"
													name="status" th:value="${emp.status}" />
													<datalist id="statuslist">
														<option value="" ></option>
                            							<option value="试用期" th:text="试用期"></option>
														<option value="实习期" th:text="实习期"></option>
														<option value="在职" th:text="在职"></option>
														<option value="离职" th:text="离职"></option>
														<option value="合同期" th:text="合同期"></option>
														<option value="股东" th:text="股东"></option>
														<option value="外聘" th:text="外聘"></option>
														<option value="靠挂" th:text="靠挂"></option>
														<option value="退休回聘" th:text="退休回聘"></option>
													</datalist>
												</label> 
											</div>
											<div class="form-group">
												<label
													class="col-md-3 ms-3" >试用期(月)： 
													<input type="text"
													class="form-control" id="probation" name="probation"
													th:value="${emp.probation}" /> 
												</label>
												<label class="col-md-3 ms-3" >实习期(月): 
													<input type="text"
													class="form-control" id="intenship" name="intenship"
													th:value="${emp.intenship}" /> 
												</label> 
												<label class="col-md-3 ms-3" >转正日期： 
													<input type="date"
													class="form-control" id="empconfirmation"
													name="empconfirmation"
													th:value="${#dates.format(emp.empconfirmation,'yyyy-MM-dd')}" />
												</label> 
											</div>
											<div class="form-group">
												<label class="col-md-3 ms-3" >公司：
													<input type="text"
													class="form-control" id="company" name="company"
													th:value="${emp.company}" list="companylist" />
													<datalist id="companylist">
														<option value="" ></option>
													 	<option th:each="dept:${dept1}"  th:value="${dept.deptName}" th:text="${dept.deptName}"></option>
													</datalist>
												 </label> 
												<label class="col-md-3 ms-3" >分公司：<input type="text"
													class="form-control" id="fen_company" name="fen_company"
													th:value="${emp.fen_company}" list="fcompanylist" />
													<datalist id="fcompanylist" >
														<option value="" ></option>
														<option th:each="dept1:${dept2}"   th:value="${dept1.deptName}" th:text="${dept1.deptName}"></option>
													</datalist>
												</label> 
												<label class="col-md-3 ms-3" >部门： <input type="text"
													class="form-control" id="dept" name="dept"
													th:value="${emp.dept}" list="deptlist" />
													<datalist id="deptlist">
														<option value="" ></option>
														<option 
                            								 th:each="dept2:${dept3}"  th:value="${dept2.deptName}" th:text="${dept2.deptName}">
                            							</option>
													</datalist>
												</label>
											</div> 
											<div class="form-group">
												<label
													class="col-md-3 ms-3" >组： <input type="text"
													class="form-control" id="cgroup" name="cgroup"
													th:value="${emp.cgroup}" list="cgrouplist" />
													<datalist id="cgrouplist">
														<option value=""></option>
														<option 
                            								 th:each="dept3:${dept4}"  th:value="${dept3.deptName}"   th:text="${dept3.deptName}">
                            							</option>
													</datalist>
												</label>
												<label class="col-md-3 ms-3" >岗位： <input type="text"
													class="form-control" id="gangwei" name="gangwei"
													th:value="${emp.gangwei}" /> 
												</label>
											</div>
											<div class="form-group">
												<label class="col-md-2 ms-2" >预计离职时间： <input type="date"
													class="form-control" id="estimatedtime" name="estimatedtime"
													th:value="${#dates.format(emp.estimatedtime,'yyyy-MM-dd')}" />
												</label> 
												<label class="col-md-2 ms-2" >离职时间： <input type="date"
													class="form-control" id="leavetime" name="leavetime"
													th:value="${#dates.format(emp.leavetime,'yyyy-MM-dd')}" />
												</label>
												<label class="col-md-3 ms-3" >劳动合同号：
													<input type="text" class="form-control" id="laborcontractid"
														name="laborcontractid" th:value="${emp.laborcontractid}" />
												</label>
												<label class="col-md-3 ms-3" >劳动合同期： 
													<input type="text"
													class="form-control" id="laborcontract"
													name="laborcontract" th:value="${emp.laborcontract}" list="laborlist" /> 
													<datalist id="laborlist">
														<option value="3个月">3个月</option>
														<option value="4个月">4个月</option>
														<option value="6个月">6个月</option>
														<option value="1年">1年</option>
														<option value="2年">2年</option>
													</datalist>
												</label>
											</div>
										</div>
										<div style="text-align: center;">
											<button
												class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
												tabindex="0" aria-controls="dt-basic-example" type="submit"
												style="margin-bottom: 10px;width: 100px;height: 30px" id="saveMessage">
												<span><i class="fal fa-edit mr-1"></i> 保存</span>
											</button>
										</div>
											<div>&nbsp;</div>
									</div>
								</div>
							</div>
							<div class="panel-container show">
								<div class="panel-content">
									<div class="card mb-g border">
										<div class="card-header py-2">
											<div class="card-title">薪酬结构</div>
											<a href="#" class="header-btn btn js-waves-off"
												data-action="toggle" data-class="nav-function-hidden"
												title="Hide Navigation"> <i class="ni ni-menu"></i>
											</a>
										</div>
											<div class="card-body">
											<div class="form-group">
											<input type="text" name="salaryId" value="" id="salaryId" hidden="hidden"/>
											<div class="form-group">
												<label class="col-md-3 ms-3" >税前收入： 
													<input type="text"
													class="form-control" id="taxbefore" name="taxbefore"
													th:value="${#numbers.formatDecimal(emp.taxbefore,1,2)}"/>
												</label>
												<label class="col-md-3 ms-3" >工资转账上限：
													<input type="text" class="form-control" id="salarytrans"
													name="salarytrans" th:value="${#numbers.formatDecimal(emp.salarytrans,1,2)}" /> 
												</label>
												<label class="col-md-3 ms-3" >工资发放主体： 
													<input type="text"
													class="form-control" id="salaryout" name="salaryout"
													th:value="${emp.salaryout}" /> 
												</label> 
											</div>
											<div class="form-group">
												<label class="col-md-3 ms-3" >基本工资： 
													<input type="text"
													class="form-control" id="basesalary" name="basesalary"
													th:value="${#numbers.formatDecimal(emp.basesalary,1,2)}" /> 
												</label> 
												<label class="col-md-3 ms-3" >工龄工资： <input type="text"
													class="form-control" id="standsalary" name="standsalary"
													th:value="${#numbers.formatDecimal(emp.standsalary,1,2)}" /> 
												</label> 
												<label class="col-md-3 ms-3" >资历工资： <input type="text"
													class="form-control" id="quasalary" name="quasalary"
													th:value="${#numbers.formatDecimal(emp.quasalary,1,2)}" /> 
												</label> 
											</div>
											<div>&nbsp;</div>
											<div class="form-group">
												<label class="col-md-3 ms-3" >岗位工资：
													<input type="text" class="form-control" id="postsalary"
													name="postsalary" th:value="${#numbers.formatDecimal(emp.postsalary,1,2)}" /> 
												</label>
												<label class="col-md-3 ms-3" >岗位津贴： <input type="text"
													class="form-control" id="postsubsidy" name="postsubsidy"
													th:value="${#numbers.formatDecimal(emp.postsubsidy,1,2)}" /> 
													</label> 
												<label class="col-md-3 ms-3" >适用时间： <input type="date"
													class="form-control" id="applicabletime"
													name="applicabletime"
													th:value="${#dates.format(emp.applicabletime,'yyyy-MM-dd')}" />
												</label> 
											</div>
											<div>&nbsp;</div>
											<div class="form-group">
												<label class="col-md-3 ms-3" />社保基数： 
													<input type="text"
													class="form-control" id="socialbase" name="socialbase"
													th:value="${#numbers.formatDecimal(emp.socialbase,1,2)}" /> 
												</label> 
												<label class="col-md-3 ms-3" />公积金基数： 
													<input type="text"
													class="form-control" id="publicbase" name="publicbase"
													th:value="${#numbers.formatDecimal(emp.publicbase,1,2)}" /> 
												</label> 
												<label class="col-md-2 ms-2" />基数开始时间： <input type="date"
													class="form-control" id="basestartdate"
													name="basestartdate"
													th:value="${#dates.format(emp.basestartdate,'yyyy-MM-dd')}" />
												</label> 
												<label class="col-md-2 ms-2" />基数到期时间： <input type="date"
													class="form-control" id="baseenddate" name="baseenddate"
													th:value="${#dates.format(emp.baseenddate,'yyyy-MM-dd')}" />
												</label>
											</div>
											<div>&nbsp;</div>
											<div class="form-group">
												<label class="col-md-3 ms-3" />商业保险： <input type="text"
													class="form-control" id="commecialins" name="commecialins"
													th:value="${emp.commecialins}" /> </label> <label
													class="col-md-3 ms-3" />开始保险时间： <input type="date"
													class="form-control" id="startinsurance"
													name="startinsurance"
													th:value="${#dates.format(emp.startinsurance,'yyyy-MM-dd')}" />
												</label> 
												<label class="col-md-3 ms-3" />保险到期时间： 
													<input type="date"
													class="form-control" id="endinsurance" name="endinsurance"
													th:value="${#dates.format(emp.endinsurance,'yyyy-MM-dd')}" />
												</label> 
											</div>
										</div>
										<div style="text-align: center;">
											<button
													class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
													tabindex="0" aria-controls="dt-basic-example" type="submit"
													style="margin-bottom: 10px;width: 100px;height: 30px" id="saveSalary">
													<span><i class="fal fa-edit mr-1"></i> 保存</span>
											</button>
										</div>
										<div>&nbsp;</div>
									</div>
								</div>
							</div>
							
							<!-- 社保公积金信息 -->
							<div class="panel-container show">
								<div class="panel-content">
									<div class="card m-auto border">
										<div class="card-header py-2">
											<div class="card-title">社保公积金信息</div>
											<a href="#" class="header-btn btn js-waves-off"
												data-action="toggle" data-class="nav-function-hidden"
												title="Hide Navigation"> <i class="ni ni-menu"></i>
											</a>
										</div>
										<div class="card-body" style="overflow:auto">
											<div class="form-group">
												<label class="col-md-3 ms-3">起始时间:
													<input type="text" class="form-control" id="startTime" readonly="readonly"
													placeholder="开始时间" name="" th:value="${#dates.format(emp.basestartdate,'yyyy-MM-dd')}">
												</label>
												<label class="col-md-3 ms-3">结束时间:
													<input type="text" class="form-control" id="endTime" readonly="readonly"
													placeholder="结束时间" name="" th:value="${#dates.format(emp.baseenddate,'yyyy-MM-dd')}">
												</label>
											</div>
											<div>&nbsp;</div>
											<div class="form-group">
												<div class="">
													<table class="table table-bordered" id="provident" style="text-align: center;margin:0 auto;width:100%;">
														<thead class>
															<tr>
																<th >险种</th>
																<th >社保基数</th>
																<th>公司缴纳比例</th>
																<th >公司缴纳费用</th>
																<th >个人缴纳比例</th>
																<th >个人缴纳费用</th>
															</tr>
														</thead>
														<!-- 1 -->
														<tbody>
															<tr>
																<td th:text="${accumulationList[0].coverage}"></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[0].companyRate,1,2)}+'%'"></td>
																<td th:text="${#numbers.formatDecimal(emp.basicoldcomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[0].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.basicoldpercost,1,2)}"/></td>
															</tr>
															<!-- 2 -->
															<tr>
																<td th:text="${accumulationList[1].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[1].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.basicdoccomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[1].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.basicdocpercost,1,2)}"/></td>
															</tr>
															<!-- 3 -->
															<tr>
																<td th:text="${accumulationList[2].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[2].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.localdoccomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[2].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.localdocpercost,1,2)}"/></td>
															</tr>
															<!-- 4 -->
															<tr>
																<td th:text="${accumulationList[3].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[3].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.unemploymentcomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[3].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.unemploymentpercost,1,2)}"/></td>
															</tr>
															<!-- 5 -->
															<tr>
																<td th:text="${accumulationList[4].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[4].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.injuryinsurancecomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[4].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.injuryinsurancepercost,1,2)}"/></td>
															</tr>
															<!-- 6 -->
															<tr>
																<td th:text="${accumulationList[5].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[5].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.materyinsurancecomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[5].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.materyinsurancepercost,1,2)}"/></td>
															</tr>
															<!-- 7 -->
															<tr>
																<td th:text="${accumulationList[6].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.socialbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[6].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.disableinsurancecomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[6].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.disableinsurancepercost,1,2)}"/></td>
															</tr>
															<!-- 8 -->
															<tr>
																<td th:text="${accumulationList[7].coverage}"/></td>
																<td th:text="${#numbers.formatDecimal(emp.publicbase,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[7].companyRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.providentfundcomcost,1,2)}"/></td>
																<td th:text="${#numbers.formatDecimal(accumulationList[7].personalRate,1,2)}+'%'"/></td>
																<td th:text="${#numbers.formatDecimal(emp.providentfundpercost,1,2)}"/></td>
															</tr>
															<tr>
																<td>总计</td>
																<td></td>
																<td></td>
																<td id="socialbaseSum" th:text="${#numbers.formatDecimal(emp.companysumpay,1,2)}"/></td>
																<td></td>
																<td id="socialpbaseSum" th:text="${#numbers.formatDecimal(emp.personsumpay,1,2)}"/></td>
															</tr>
															<tr align="center" colspan="6">
															    <td>总缴纳费用</td>
															    <td></td>
															    <td></td>
															    <td></td>
																<td id="sum" th:text="${#numbers.formatDecimal(emp.sumpay,1,2)}"/></td>
															</tr>
															<!-- <tr th:each="accuList,accuListStatus:${list}">
																<td>
																	<input type="text" th:value="${accuList.coverage}"/>
																</td>
																<td th:if="${accuList.coverage}!='住房公积金'  ">
																	<input type="text" th:value="${emp.socialbase}"/>
																</td>
																<td th:if="${accuList.coverage} eq '住房公积金'  ">
																	<input type="text" th:value="${emp.publicbase}"/>
																</td>
																<td>
																	<input type="text" th:value="${accuList.companyRate}+'%'"/>
																</td>
																<td th:if="${accuList.coverage}!='住房公积金'  ">
																	<span style="display:none" th:text="(${emp.socialbase})*(${accuList.companyRate}/100)"></span>
																	<input type="text" th:if="${emp.socialbase}" name="socialbaseSum" th:value="(${emp.socialbase})*(${accuList.companyRate}/100)"/>
																</td>
																<td th:if="${accuList.coverage} eq '住房公积金'  ">
																	<span style="display:none" th:text="(${emp.publicbase})*(${accuList.companyRate}/100)"></span>
																	<input type="text" th:if="${emp.publicbase}" name="publicbase" th:value="(${emp.publicbase})*(${accuList.companyRate}/100)"/>
																</td>
																<td>
																	<input type="text" th:value="${accuList.personalRate}+'%'"/>
																</td>
																<td th:if="${accuList.coverage}!='住房公积金'  ">
																    <i style="display:none" th:text="(${emp.socialbase})*(${accuList.personalRate}/100)"></i>
																	<input type="text" th:if="${emp.socialbase}" th:value="(${emp.socialbase})*(${accuList.personalRate}/100)"/>
																</td>
																<td th:if="${accuList.coverage} eq '住房公积金'  ">
																    <i style="display:none" th:text="(${emp.publicbase})*(${accuList.personalRate}/100)"></i>
																	<input type="text" th:if="${emp.socialbase}" th:value="(${emp.publicbase})*(${accuList.personalRate}/100)"/>
																</td>
															</tr>
															<tr>
																<td>总计</td>
																<td></td>
																<td></td>
																<td><input type="text" id="socialbaseSum" value=""/></td>
																<td></td>
																<td><input type="text" id="socialpbaseSum" value=""/></td>
															</tr>
															<tr align="center" colspan="6">
															    <td>总缴纳费用</td>
															    <td></td>
															    <td></td>
															    <td></td>
																<td><input type="text" id="sum" value=""/></td>
															</tr> -->
															</tbody>
													</table>
												</div>	
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-xl-12">
									 <div class="panel-container show">
										<div class="panel-content">
											<div class="card mb-g border">
												<div class="card-header py-2">
													<div class="card-title">其它</div>
													<a href="#" class="header-btn btn js-waves-off"
														data-action="toggle" data-class="nav-function-hidden"
														title="Hide Navigation"> <i class="ni ni-menu"></i>
													</a>
													
												</div>
												<div class="card-body">
													<div class="form-inline">
														<div class="form-inline">
														
														<!-- <label class="form-group" /> -->
														<!-- <button class="btn btn-primary" id="search">
															<i class="fal fa-search"></i>
														</button>
														<input type="text" class="form-control" id="name"
															name="name" value="" placeholder="员工姓名" />
														</lable> -->
														<button class="btn btn-success btn-sm mr-1" tabindex="0"
															aria-controls="dt-basic-example" type="button" id="add">
															<span><i class="fal fa-plus mr-1"></i>新增</span>
														</button>
														<button
															class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
															tabindex="0" aria-controls="dt-basic-example" type="button"
															id="update">
															<span><i class="fal fa-edit mr-1"></i> 修改</span>
														</button>
														<button
															class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
															tabindex="0" aria-controls="dt-basic-example" type="button"
															id="delete">
															<span><i class="fal fa-times mr-1"></i>删除</span>
														</button>
														<div class="dt-buttons" style="position:absolute;right:5px;">
															<!-- <button
																class="btn buttons-print btn-outline-primary btn-sm"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="导入">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导入</font></font></span>
															</button> -->
															<!-- <button onclick="exportDataPDF()"
																class="btn buttons-pdf buttons-html5 btn-outline-danger btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生PDF">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">PDF格式</font></font></span>
															</button> -->
															<button onclick="exportData()"
																class="btn buttons-excel buttons-html5 btn-outline-success btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生Excel">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导出Excel</font></font></span>
															</button>
															<button onclick="exportDataCSV()"
																class="btn buttons-csv buttons-html5 btn-outline-primary btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生CSV">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导出CSV</font></font></span>
															</button>
															<!-- <button
																class="btn buttons-copy buttons-html5 btn-outline-primary btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="复制到剪贴板" onclick="copy()" >
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">复制</font></font></span>
															</button>
															<button
																class="btn buttons-print btn-outline-primary btn-sm"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="打印表">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">打印</font></font></span>
															</button> -->
															<!-- 导入按钮 -->
															</div>
														</div>
													</div>
												</div>
												 <div class="card m-auto border col-xl-12">
													<div class="card-body">
														<table id="history" class="table table-striped ">
															<!-- <thead>
																<tr>
																</tr>
															</thead> -->
														</table>
													</div>
												</div>
											</div>
									 	</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-xl-12">
									 <div class="panel-container show">
										<div class="panel-content">
											<div class="card mb-g border">
												<div class="card-header py-2">
													<div class="card-title">其它</div>
													<a href="#" class="header-btn btn js-waves-off"
														data-action="toggle" data-class="nav-function-hidden"
														title="Hide Navigation"> <i class="ni ni-menu"></i>
													</a>
													
												</div>
												<div class="card-body">
													<div class="form-inline">
														<div class="form-inline">
														
														<!-- <label class="form-group" /> -->
														<!-- <button class="btn btn-primary" id="search">
															<i class="fal fa-search"></i>
														</button>
														<input type="text" class="form-control" id="name"
															name="name" value="" placeholder="员工姓名" />
														</lable> -->
														<button class="btn btn-success btn-sm mr-1" tabindex="0"
															aria-controls="dt-basic-example" type="button" id="adds">
															<span><i class="fal fa-plus mr-1"></i>新增</span>
														</button>
														<button
															class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
															tabindex="0" aria-controls="dt-basic-example" type="button"
															id="updates">
															<span><i class="fal fa-edit mr-1"></i> 修改</span>
														</button>
														<button
															class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
															tabindex="0" aria-controls="dt-basic-example" type="button"
															id="deletes">
															<span><i class="fal fa-times mr-1"></i>删除</span>
														</button>
														<div class="dt-buttons" style="position:absolute;right:5px;">
															<!-- <button
																class="btn buttons-print btn-outline-primary btn-sm"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="导入">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导入</font></font></span>
															</button> -->
															<!-- <button onclick="exportDataPDF()"
																class="btn buttons-pdf buttons-html5 btn-outline-danger btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生PDF">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">PDF格式</font></font></span>
															</button> -->
															<button onclick="exportData1()"
																class="btn buttons-excel buttons-html5 btn-outline-success btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生Excel">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导出Excel</font></font></span>
															</button>
															<button onclick="exportDataCSV1()"
																class="btn buttons-csv buttons-html5 btn-outline-primary btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="产生CSV">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">导出CSV</font></font></span>
															</button>
															<!-- <button
																class="btn buttons-copy buttons-html5 btn-outline-primary btn-sm mr-1"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="复制到剪贴板" onclick="copy()" >
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">复制</font></font></span>
															</button>
															<button
																class="btn buttons-print btn-outline-primary btn-sm"
																tabindex="0" aria-controls="dt-basic-example"
																type="button" title="打印表">
																<span><font style="vertical-align: inherit;"><font
																		style="vertical-align: inherit;">打印</font></font></span>
															</button> -->
															<!-- 导入按钮 -->
															</div>
														</div>
													</div>
												</div>
												 <div class="card m-auto border col-xl-12">
													<div class="card-body">
														<table id="qita" class="table table-striped ">
															<!-- <thead>
																<tr>
																</tr>
															</thead> -->
														</table>
													</div>
												</div>
											</div>
									 	</div>
									</div>
								</div>
							</div>
						</div>
				 	</form>
				</main>
				<div class="page-content-overlay" data-action="toggle"
					data-class="mobile-nav-on"></div>
				<footer class="page-footer" role="contentinfo">
					<div class="d-flex align-items-center flex-1 text-muted">
						<span class="hidden-md-down fw-700">
							Copyright © 2020 Read-in Smart Technology Co.,Ltd All Rights Reserved. 
						</span>
					</div>
					<div>
						<ul class="list-table m-0">
							<li><a href="intel_introduction.html"
								class="text-secondary fw-700">About</a></li>
							<li class="pl-3"><a href="info_app_licensing.html"
								class="text-secondary fw-700">License</a></li>
							<li class="pl-3"><a href="info_app_docs.html"
								class="text-secondary fw-700">Documentation</a></li>
							<li class="pl-3 fs-xl"><a
								href="https://wrapbootstrap.com/user/MyOrange"
								class="text-secondary" target="_blank"><i
									class="fal fa-question-circle" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</footer>
				<div class="modal fade modal-backdrop-transparent"
					id="modal-shortcut" tabindex="-1" role="dialog"
					aria-labelledby="modal-shortcut" aria-hidden="true">
					<div class="modal-dialog modal-dialog-top modal-transparent"
						role="document">
						<div class="modal-content">
							<div class="modal-body">
								<ul class="app-list w-auto h-auto p-0 text-left">
									<li><a href="intel_introduction.html"
										class="app-list-item text-white border-0 m-0">
											<div class="icon-stack">
												<i
													class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
												<i
													class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
												<i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
											</div> <span class="app-list-name"> Home </span>
									</a></li>
									<li><a href="page_inbox_general.html"
										class="app-list-item text-white border-0 m-0">
											<div class="icon-stack">
												<i
													class="base base-7 icon-stack-3x opacity-100 color-success-500 "></i>
												<i
													class="base base-7 icon-stack-2x opacity-100 color-success-300 "></i>
												<i class="ni ni-envelope icon-stack-1x text-white"></i>
											</div> <span class="app-list-name"> Inbox </span>
									</a></li>
									<li><a href="intel_introduction.html"
										class="app-list-item text-white border-0 m-0">
											<div class="icon-stack">
												<i
													class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
												<i class="fal fa-plus icon-stack-1x opacity-100 color-white"></i>
											</div> <span class="app-list-name"> Add More </span>
									</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- END Shortcuts -->
				<!-- BEGIN Color profile -->
				<!-- this area is hidden and will not be seen on screens or screen readers -->
				<!-- we use this only for CSS color refernce for JS stuff -->
				<p id="js-color-profile" class="d-none">
					<span class="color-primary-50"></span> <span
						class="color-primary-100"></span> <span class="color-primary-200"></span>
					<span class="color-primary-300"></span> <span
						class="color-primary-400"></span> <span class="color-primary-500"></span>
					<span class="color-primary-600"></span> <span
						class="color-primary-700"></span> <span class="color-primary-800"></span>
					<span class="color-primary-900"></span> <span class="color-info-50"></span>
					<span class="color-info-100"></span> <span class="color-info-200"></span>
					<span class="color-info-300"></span> <span class="color-info-400"></span>
					<span class="color-info-500"></span> <span class="color-info-600"></span>
					<span class="color-info-700"></span> <span class="color-info-800"></span>
					<span class="color-info-900"></span> <span class="color-danger-50"></span>
					<span class="color-danger-100"></span> <span
						class="color-danger-200"></span> <span class="color-danger-300"></span>
					<span class="color-danger-400"></span> <span
						class="color-danger-500"></span> <span class="color-danger-600"></span>
					<span class="color-danger-700"></span> <span
						class="color-danger-800"></span> <span class="color-danger-900"></span>
					<span class="color-warning-50"></span> <span
						class="color-warning-100"></span> <span class="color-warning-200"></span>
					<span class="color-warning-300"></span> <span
						class="color-warning-400"></span> <span class="color-warning-500"></span>
					<span class="color-warning-600"></span> <span
						class="color-warning-700"></span> <span class="color-warning-800"></span>
					<span class="color-warning-900"></span> <span
						class="color-success-50"></span> <span class="color-success-100"></span>
					<span class="color-success-200"></span> <span
						class="color-success-300"></span> <span class="color-success-400"></span>
					<span class="color-success-500"></span> <span
						class="color-success-600"></span> <span class="color-success-700"></span>
					<span class="color-success-800"></span> <span
						class="color-success-900"></span> <span class="color-fusion-50"></span>
					<span class="color-fusion-100"></span> <span
						class="color-fusion-200"></span> <span class="color-fusion-300"></span>
					<span class="color-fusion-400"></span> <span
						class="color-fusion-500"></span> <span class="color-fusion-600"></span>
					<span class="color-fusion-700"></span> <span
						class="color-fusion-800"></span> <span class="color-fusion-900"></span>
				</p>
				<!-- END Color profile -->
			</div>
		</div>
	</div>
	<nav class="shortcut-menu d-none d-sm-block">
		<input type="checkbox" class="menu-open" name="menu-open"
			id="menu_open" /> <label for="menu_open" class="menu-open-button ">
			<span class="app-shortcut-icon d-block"></span>
		</label> <a href="#" class="menu-item btn" data-toggle="tooltip"
			data-placement="left" title="Scroll Top"> <i
			class="fal fa-arrow-up"></i>
		</a> <a href="page_login.html" class="menu-item btn" data-toggle="tooltip"
			data-placement="left" title="Logout"> <i class="fal fa-sign-out"></i>
		</a> <a href="#" class="menu-item btn" data-action="app-fullscreen"
			data-toggle="tooltip" data-placement="left" title="Full Screen">
			<i class="fal fa-expand"></i>
		</a> <a href="#" class="menu-item btn" data-action="app-print"
			data-toggle="tooltip" data-placement="left" title="Print page"> <i
			class="fal fa-print"></i>
		</a> <a href="#" class="menu-item btn" data-action="app-voice"
			data-toggle="tooltip" data-placement="left" title="Voice command">
			<i class="fal fa-microphone"></i>
		</a>
	</nav>
	<!-- END Quick Menu -->
	<!-- BEGIN Messenger -->
	<div class="modal fade js-modal-messenger modal-backdrop-transparent"
		tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-right">
			<div class="modal-content h-100">
				<div
					class="dropdown-header bg-trans-gradient d-flex align-items-center w-100">
					<div
						class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
						<span class="mr-2"> <span
							class="rounded-circle profile-image d-block"
							style="background-image: url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
						</span>
						<div class="info-card-text">
							<a href="javascript:void(0);"
								class="fs-lg text-truncate text-truncate-lg text-white"
								data-toggle="dropdown" aria-expanded="false"> Tracey Chang <i
								class="fal fa-angle-down d-inline-block ml-1 text-white fs-md"></i>
							</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="#">Send Email</a> <a
									class="dropdown-item" href="#">Create Appointment</a> <a
									class="dropdown-item" href="#">Block User</a>
							</div>
							<span class="text-truncate text-truncate-md opacity-80">IT
								Director</span>
						</div>
					</div>
					<button type="button"
						class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2"
						data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true"><i class="fal fa-times"></i></span>
					</button>
				</div>
				<div class="modal-body p-0 h-100 d-flex">
					<!-- BEGIN msgr-list -->
					<div
						class="msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom">
						<div>
							<div
								class="height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2">
								<i class="fal fa-search"></i>
							</div>
							<input type="text" class="form-control bg-white"
								id="msgr_listfilter_input" placeholder="Filter contacts"
								aria-label="FriendSearch" data-listfilter="#js-msgr-listfilter">
						</div>
						<div class="flex-1 h-100 custom-scroll">
							<div class="w-100">
								<ul id="js-msgr-listfilter" class="list-unstyled m-0">
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="tracey chang online">
											<div
												class="d-table-cell align-middle status status-success status-sm ">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													Tracey Chang <small
														class="d-block font-italic text-success fs-xs">
														Online </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="oliver kopyuv online">
											<div
												class="d-table-cell align-middle status status-success status-sm ">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													Oliver Kopyuv <small
														class="d-block font-italic text-success fs-xs">
														Online </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="dr john cook phd away">
											<div
												class="d-table-cell align-middle status status-warning status-sm ">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													Dr. John Cook PhD <small class="d-block font-italic fs-xs">
														Away </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="ali amdaney online">
											<div
												class="d-table-cell align-middle status status-success status-sm ">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-g.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													Ali Amdaney <small
														class="d-block font-italic fs-xs text-success">
														Online </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="sarah mcbrook online">
											<div
												class="d-table-cell align-middle status status-success status-sm">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													Sarah McBrook <small
														class="d-block font-italic fs-xs text-success">
														Online </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="ali amdaney offline">
											<div class="d-table-cell align-middle status status-sm">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													oliver.kopyuv@gotbootstrap.com <small
														class="d-block font-italic fs-xs"> Offline </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="ali amdaney busy">
											<div
												class="d-table-cell align-middle status status-danger status-sm">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-j.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													oliver.kopyuv@gotbootstrap.com <small
														class="d-block font-italic fs-xs text-danger">
														Busy </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="ali amdaney offline">
											<div class="d-table-cell align-middle status status-sm">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													oliver.kopyuv@gotbootstrap.com <small
														class="d-block font-italic fs-xs"> Offline </small>
												</div>
											</div>
									</a></li>
									<li><a href="#"
										class="d-table w-100 px-2 py-2 text-dark hover-white"
										data-filter-tags="ali amdaney inactive">
											<div class="d-table-cell align-middle">
												<span class="profile-image-md rounded-circle d-block"
													style="background-image: url('img/demo/avatars/avatar-m.png'); background-size: cover;"></span>
											</div>
											<div class="d-table-cell w-100 align-middle pl-2 pr-2">
												<div class="text-truncate text-truncate-md">
													+714651347790 <small
														class="d-block font-italic fs-xs opacity-50">
														Missed Call </small>
												</div>
											</div>
									</a></li>
								</ul>
								<div class="filter-message js-filter-message"></div>
							</div>
						</div>
						<div>
							<a class="fs-xl d-flex align-items-center p-3"> <i
								class="fal fa-cogs"></i>
							</a>
						</div>
					</div>
					<!-- END msgr-list -->
					<!-- BEGIN msgr -->
					<div class="msgr d-flex h-100 flex-column bg-white">
						<!-- BEGIN custom-scroll -->
						<div class="custom-scroll flex-1 h-100">
							<div id="chat_container" class="w-100 p-4">
								<!-- start .chat-segment -->
								<div class="chat-segment">
									<div class="time-stamp text-center mb-2 fw-400">Jun 19</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-sent">
									<div class="chat-message">
										<p>Hey Tracey, did you get my files?</p>
									</div>
									<div class="text-right fw-300 text-muted mt-1 fs-xs">
										3:00 pm</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-get">
									<div class="chat-message">
										<p>Hi</p>
										<p>Sorry going through a busy time in office. Yes I
											analyzed the solution.</p>
										<p>It will require some resource, which I could not
											manage.</p>
									</div>
									<div class="fw-300 text-muted mt-1 fs-xs">3:24 pm</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-sent chat-start">
									<div class="chat-message">
										<p>Okay</p>
									</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-sent chat-end">
									<div class="chat-message">
										<p>Sending you some dough today, you can allocate the
											resources to this project.</p>
									</div>
									<div class="text-right fw-300 text-muted mt-1 fs-xs">
										3:26 pm</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-get chat-start">
									<div class="chat-message">
										<p>Perfect. Thanks a lot!</p>
									</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment -->
								<div class="chat-segment chat-segment-get">
									<div class="chat-message">
										<p>I will have them ready by tonight.</p>
									</div>
								</div>
								<div class="chat-segment chat-segment-get chat-end">
									<div class="chat-message">
										<p>Cheers</p>
									</div>
								</div>
								<!--  end .chat-segment -->
								<!-- start .chat-segment for timestamp -->
								<div class="chat-segment">
									<div class="time-stamp text-center mb-2 fw-400">Jun 20</div>
								</div>
							</div>
						</div>
						<!-- END custom-scroll  -->
						<!-- BEGIN msgr__chatinput -->
						<div class="d-flex flex-column">
							<div
								class="border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top">
								<div class="pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex="-1">
									<div id="msgr_input" contenteditable="true"
										data-placeholder="Type your message here..."
										class="height-10 form-content-editable"></div>
								</div>
							</div>
							<div
								class="height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0">
								<a href="javascript:void(0);"
									class="btn btn-icon fs-xl width-1 mr-1" data-toggle="tooltip"
									data-original-title="More options" data-placement="top"> <i
									class="fal fa-ellipsis-v-alt color-fusion-300"></i>
								</a> <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1"
									data-toggle="tooltip" data-original-title="Attach files"
									data-placement="top"> <i
									class="fal fa-paperclip color-fusion-300"></i>
								</a> <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1"
									data-toggle="tooltip" data-original-title="Insert photo"
									data-placement="top"> <i
									class="fal fa-camera color-fusion-300"></i>
								</a>
								<div class="ml-auto">
									<a href="javascript:void(0);" class="btn btn-info">Send</a>
								</div>
							</div>
						</div>
						<!-- END msgr__chatinput -->
					</div>
					<!-- END msgr -->
				</div>
			</div>
		</div>
	</div>
	<!-- END Messenger -->
	<!-- BEGIN Page Settings -->
	<div class="modal fade js-modal-settings modal-backdrop-transparent"
		tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-right modal-md">
			<div class="modal-content">
				<div
					class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100">
					<h4 class="m-0 text-center color-white">
						Layout Settings <small class="mb-0 opacity-80">User
							Interface Settings</small>
					</h4>
					<button type="button"
						class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2"
						data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true"><i class="fal fa-times"></i></span>
					</button>
				</div>
				<div class="modal-body p-0">
					<div class="settings-panel">
						<div class="mt-4 d-table w-100 px-5">
							<div class="d-table-cell align-middle">
								<h5 class="p-0">App Layout</h5>
							</div>
						</div>
						<div class="list" id="fh">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="header-function-fixed"></a> <span
								class="onoffswitch-title">Fixed Header</span> <span
								class="onoffswitch-title-desc">header is in a fixed at
								all times</span>
						</div>
						<div class="list" id="nff">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-function-fixed"></a> <span
								class="onoffswitch-title">Fixed Navigation</span> <span
								class="onoffswitch-title-desc">left panel is fixed</span>
						</div>
						<div class="list" id="nfm">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-function-minify"></a> <span
								class="onoffswitch-title">Minify Navigation</span> <span
								class="onoffswitch-title-desc">Skew nav to maximize space</span>
						</div>
						<div class="list" id="nfh">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-function-hidden"></a> <span
								class="onoffswitch-title">Hide Navigation</span> <span
								class="onoffswitch-title-desc">roll mouse on edge to
								reveal</span>
						</div>
						<div class="list" id="nft">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-function-top"></a> <span
								class="onoffswitch-title">Top Navigation</span> <span
								class="onoffswitch-title-desc">Relocate left pane to top</span>
						</div>
						<div class="list" id="fff">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="footer-function-fixed"></a> <span
								class="onoffswitch-title">Fixed Footer</span> <span
								class="onoffswitch-title-desc">page footer is fixed</span>
						</div>
						<div class="list" id="mmb">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-main-boxed"></a> <span
								class="onoffswitch-title">Boxed Layout</span> <span
								class="onoffswitch-title-desc">Encapsulates to a
								container</span>
						</div>
						<div class="expanded">
							<ul class="mb-3 mt-1">
								<li>
									<div class="bg-fusion-50" data-action="toggle"
										data-class="mod-bg-1"></div>
								</li>
								<li>
									<div class="bg-warning-200" data-action="toggle"
										data-class="mod-bg-2"></div>
								</li>
								<li>
									<div class="bg-primary-200" data-action="toggle"
										data-class="mod-bg-3"></div>
								</li>
								<li>
									<div class="bg-success-300" data-action="toggle"
										data-class="mod-bg-4"></div>
								</li>
								<li>
									<div class="bg-white border" data-action="toggle"
										data-class="mod-bg-none"></div>
								</li>
							</ul>
							<div class="list" id="mbgf">
								<a href="#" onclick="return false;" class="btn btn-switch"
									data-action="toggle" data-class="mod-fixed-bg"></a> <span
									class="onoffswitch-title">Fixed Background</span>
							</div>
						</div>
						<div class="mt-4 d-table w-100 px-5">
							<div class="d-table-cell align-middle">
								<h5 class="p-0">Mobile Menu</h5>
							</div>
						</div>
						<div class="list" id="nmp">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-mobile-push"></a> <span
								class="onoffswitch-title">Push Content</span> <span
								class="onoffswitch-title-desc">Content pushed on menu
								reveal</span>
						</div>
						<div class="list" id="nmno">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-mobile-no-overlay"></a> <span
								class="onoffswitch-title">No Overlay</span> <span
								class="onoffswitch-title-desc">Removes mesh on menu
								reveal</span>
						</div>
						<div class="list" id="sldo">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="nav-mobile-slide-out"></a> <span
								class="onoffswitch-title">Off-Canvas <sup>(beta)</sup></span> <span
								class="onoffswitch-title-desc">Content overlaps menu</span>
						</div>
						<div class="mt-4 d-table w-100 px-5">
							<div class="d-table-cell align-middle">
								<h5 class="p-0">Accessibility</h5>
							</div>
						</div>
						<div class="list" id="mbf">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-bigger-font"></a> <span
								class="onoffswitch-title">Bigger Content Font</span> <span
								class="onoffswitch-title-desc">content fonts are bigger
								for readability</span>
						</div>
						<div class="list" id="mhc">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-high-contrast"></a> <span
								class="onoffswitch-title">High Contrast Text (WCAG 2 AA)</span>
							<span class="onoffswitch-title-desc">4.5:1 text contrast
								ratio</span>
						</div>
						<div class="list" id="mcb">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-color-blind"></a> <span
								class="onoffswitch-title">Daltonism <sup>(beta)</sup>
							</span> <span class="onoffswitch-title-desc">color vision
								deficiency</span>
						</div>
						<div class="list" id="mpc">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-pace-custom"></a> <span
								class="onoffswitch-title">Preloader Inside</span> <span
								class="onoffswitch-title-desc">preloader will be inside
								content</span>
						</div>
						<div class="list" id="mpi">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-panel-icon"></a> <span
								class="onoffswitch-title">SmartPanel Icons (not Panels)</span> <span
								class="onoffswitch-title-desc">smartpanel buttons will
								appear as icons</span>
						</div>
						<div class="mt-4 d-table w-100 px-5">
							<div class="d-table-cell align-middle">
								<h5 class="p-0">Global Modifications</h5>
							</div>
						</div>
						<div class="list" id="mcbg">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-clean-page-bg"></a> <span
								class="onoffswitch-title">Clean Page Background</span> <span
								class="onoffswitch-title-desc">adds more whitespace</span>
						</div>
						<div class="list" id="mhni">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-hide-nav-icons"></a> <span
								class="onoffswitch-title">Hide Navigation Icons</span> <span
								class="onoffswitch-title-desc">invisible navigation icons</span>
						</div>
						<div class="list" id="dan">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-disable-animation"></a> <span
								class="onoffswitch-title">Disable CSS Animation</span> <span
								class="onoffswitch-title-desc">Disables CSS based
								animations</span>
						</div>
						<div class="list" id="mhic">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-hide-info-card"></a> <span
								class="onoffswitch-title">Hide Info Card</span> <span
								class="onoffswitch-title-desc">Hides info card from left
								panel</span>
						</div>
						<div class="list" id="mlph">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-lean-subheader"></a> <span
								class="onoffswitch-title">Lean Subheader</span> <span
								class="onoffswitch-title-desc">distinguished page header</span>
						</div>
						<div class="list" id="mnl">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-nav-link"></a> <span
								class="onoffswitch-title">Hierarchical Navigation</span> <span
								class="onoffswitch-title-desc">Clear breakdown of nav
								links</span>
						</div>
						<div class="list" id="mdn">
							<a href="#" onclick="return false;" class="btn btn-switch"
								data-action="toggle" data-class="mod-nav-dark"></a> <span
								class="onoffswitch-title">Dark Navigation</span> <span
								class="onoffswitch-title-desc">Navigation background is
								darkend</span>
						</div>
						<hr class="mb-0 mt-4">
						<div class="mt-4 d-table w-100 pl-5 pr-3">
							<div class="d-table-cell align-middle">
								<h5 class="p-0">Global Font Size</h5>
							</div>
						</div>
						<div class="list mt-1">
							<div class="btn-group btn-group-sm btn-group-toggle my-2"
								data-toggle="buttons">
								<label class="btn btn-default btn-sm" data-action="toggle-swap"
									data-class="root-text-sm" data-target="html"> <input
									type="radio" name="changeFrontSize"> SM
								</label> <label class="btn btn-default btn-sm" data-action="toggle-swap"
									data-class="root-text" data-target="html"> <input
									type="radio" name="changeFrontSize" checked=""> MD
								</label> <label class="btn btn-default btn-sm" data-action="toggle-swap"
									data-class="root-text-lg" data-target="html"> <input
									type="radio" name="changeFrontSize"> LG
								</label> <label class="btn btn-default btn-sm" data-action="toggle-swap"
									data-class="root-text-xl" data-target="html"> <input
									type="radio" name="changeFrontSize"> XL
								</label>
							</div>
							<span class="onoffswitch-title-desc d-block mb-0">Change <strong>root</strong>
								font size to effect rem values (resets on page refresh)
							</span>
						</div>
						<hr class="mb-0 mt-4">
						<div class="mt-4 d-table w-100 pl-5 pr-3">
							<div class="d-table-cell align-middle">
								<h5 class="p-0 pr-2 d-flex">
									Theme colors <a href="#" class="ml-auto fw-400 fs-xs"
										data-toggle="popover" data-trigger="focus"
										data-placement="top" title="" data-html="true"
										data-content="The settings below uses <code>localStorage</code> to load the external <strong>CSS</strong> file as an overlap to the base css. Due to network latency and <strong>CPU utilization</strong>, you may experience a brief flickering effect on page load which may show the intial applied theme for a split second. Setting the prefered style/theme in the header will prevent this from happening."
										data-original-title="<span class='text-primary'><i class='fal fa-exclamation-triangle mr-1'></i> Heads up!</span>"
										data-template="<div class=&quot;popover bg-white border-white&quot; role=&quot;tooltip&quot;><div class=&quot;arrow&quot;></div><h3 class=&quot;popover-header bg-transparent&quot;></h3><div class=&quot;popover-body fs-xs&quot;></div></div>"><i
										class="fal fa-info-circle mr-1"></i> more info</a>
								</h5>
							</div>
						</div>
						<div class="expanded theme-colors pl-5 pr-3">
							<ul class="m-0">
								<li><a href="#" id="myapp-0" data-action="theme-update"
									data-themesave data-theme="" data-toggle="tooltip"
									data-placement="top" title="Wisteria (base css)"
									data-original-title="Wisteria (base css)"></a></li>
								<li><a href="#" id="myapp-1" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-1.css"
									data-toggle="tooltip" data-placement="top" title="Tapestry"
									data-original-title="Tapestry"></a></li>
								<li><a href="#" id="myapp-2" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-2.css"
									data-toggle="tooltip" data-placement="top" title="Atlantis"
									data-original-title="Atlantis"></a></li>
								<li><a href="#" id="myapp-3" data-action="theme-update"
									data-themesave data-theme="../../css/themes/cust-theme-3.css"
									data-toggle="tooltip" data-placement="top" title="Indigo"
									data-original-title="Indigo"></a></li>
								<li><a href="#" id="myapp-4" data-action="theme-update"
									data-themesave data-theme="../../css/themes/cust-theme-4.css"
									data-toggle="tooltip" data-placement="top" title="Dodger Blue"
									data-original-title="Dodger Blue"></a></li>
								<li><a href="#" id="myapp-5" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-5.css"
									data-toggle="tooltip" data-placement="top" title="Tradewind"
									data-original-title="Tradewind"></a></li>
								<li><a href="#" id="myapp-6" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-6.css"
									data-toggle="tooltip" data-placement="top" title="Cranberry"
									data-original-title="Cranberry"></a></li>
								<li><a href="#" id="myapp-7" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-7.css"
									data-toggle="tooltip" data-placement="top" title="Oslo Gray"
									data-original-title="Oslo Gray"></a></li>
								<li><a href="#" id="myapp-8" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-8.css"
									data-toggle="tooltip" data-placement="top"
									title="Chetwode Blue" data-original-title="Chetwode Blue"></a>
								</li>
								<li><a href="#" id="myapp-9" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-9.css"
									data-toggle="tooltip" data-placement="top" title="Apricot"
									data-original-title="Apricot"></a></li>
								<li><a href="#" id="myapp-10" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-10.css"
									data-toggle="tooltip" data-placement="top" title="Blue Smoke"
									data-original-title="Blue Smoke"></a></li>
								<li><a href="#" id="myapp-11" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-11.css"
									data-toggle="tooltip" data-placement="top" title="Green Smoke"
									data-original-title="Green Smoke"></a></li>
								<li><a href="#" id="myapp-12" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-12.css"
									data-toggle="tooltip" data-placement="top"
									title="Wild Blue Yonder" data-original-title="Wild Blue Yonder"></a>
								</li>
								<li><a href="#" id="myapp-13" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-13.css"
									data-toggle="tooltip" data-placement="top" title="Emerald"
									data-original-title="Emerald"></a></li>
								<li><a href="#" id="myapp-14" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-14.css"
									data-toggle="tooltip" data-placement="top" title="Supernova"
									data-original-title="Supernova"></a></li>
								<li><a href="#" id="myapp-15" data-action="theme-update"
									data-themesave data-theme="../../../css/themes/cust-theme-15.css"
									data-toggle="tooltip" data-placement="top" title="Hoki"
									data-original-title="Hoki"></a></li>
							</ul>
						</div>
						<hr class="mb-0 mt-4">
						<div class="mt-4 d-table w-100 pl-5 pr-3">
							<div class="d-table-cell align-middle">
								<h5 class="p-0 pr-2 d-flex">
									Theme Modes (beta) <a href="#" class="ml-auto fw-400 fs-xs"
										data-toggle="popover" data-trigger="focus"
										data-placement="top" title="" data-html="true"
										data-content="This is a brand new technique we are introducing which uses CSS variables to infiltrate color options. While this has been working nicely on modern browsers without much issues, some users <strong>may still face issues on Internet Explorer </strong>. Until these issues are resolved or Internet Explorer improves, this feature will remain in Beta"
										data-original-title="<span class='text-primary'><i class='fal fa-question-circle mr-1'></i> Why beta?</span>"
										data-template="<div class=&quot;popover bg-white border-white&quot; role=&quot;tooltip&quot;><div class=&quot;arrow&quot;></div><h3 class=&quot;popover-header bg-transparent&quot;></h3><div class=&quot;popover-body fs-xs&quot;></div></div>"><i
										class="fal fa-question-circle mr-1"></i></a>
								</h5>
							</div>
						</div>
						<div class="pl-5 pr-3 py-3">
							<div class="ie-only alert alert-warning d-none">
								<h6>Internet Explorer Issue</h6>
								This particular component may not work as expected in Internet
								Explorer. Please use with caution.
							</div>
							<div class="row no-gutters">
								<div class="col-4 pr-2 text-center">
									<div id="skin-default" data-action="toggle-replace"
										data-replaceclass="mod-skin-light mod-skin-dark" data-class=""
										data-toggle="tooltip" data-placement="top" title=""
										class="d-flex bg-white border border-primary rounded overflow-hidden text-success js-waves-on"
										data-original-title="Default Mode" style="height: 80px">
										<div
											class="bg-primary-600 bg-primary-gradient px-2 pt-0 border-right border-primary"></div>
										<div class="d-flex flex-column flex-1">
											<div class="bg-white border-bottom border-primary py-1"></div>
											<div class="bg-faded flex-1 pt-3 pb-3 px-2">
												<div class="py-3"
													style="background: url('img/demo/s-1.png') top left no-repeat; background-size: 100%;"></div>
											</div>
										</div>
									</div>
									Default
								</div>
								<div class="col-4 px-1 text-center">
									<div id="skin-light" data-action="toggle-replace"
										data-replaceclass="mod-skin-dark" data-class="mod-skin-light"
										data-toggle="tooltip" data-placement="top" title=""
										class="d-flex bg-white border border-secondary rounded overflow-hidden text-success js-waves-on"
										data-original-title="Light Mode" style="height: 80px">
										<div class="bg-white px-2 pt-0 border-right border-"></div>
										<div class="d-flex flex-column flex-1">
											<div class="bg-white border-bottom border- py-1"></div>
											<div class="bg-white flex-1 pt-3 pb-3 px-2">
												<div class="py-3"
													style="background: url('img/demo/s-1.png') top left no-repeat; background-size: 100%;"></div>
											</div>
										</div>
									</div>
									Light
								</div>
								<div class="col-4 pl-2 text-center">
									<div id="skin-dark" data-action="toggle-replace"
										data-replaceclass="mod-skin-light" data-class="mod-skin-dark"
										data-toggle="tooltip" data-placement="top" title=""
										class="d-flex bg-white border border-dark rounded overflow-hidden text-success js-waves-on"
										data-original-title="Dark Mode" style="height: 80px">
										<div class="bg-fusion-500 px-2 pt-0 border-right"></div>
										<div class="d-flex flex-column flex-1">
											<div class="bg-fusion-600 border-bottom py-1"></div>
											<div class="bg-fusion-300 flex-1 pt-3 pb-3 px-2">
												<div class="py-3 opacity-30"
													style="background: url('img/demo/s-1.png') top left no-repeat; background-size: 100%;"></div>
											</div>
										</div>
									</div>
									Dark
								</div>
							</div>
						</div>
						<hr class="mb-0 mt-4">
						<div class="pl-5 pr-3 py-3 bg-faded">
							<div class="row no-gutters">
								<div class="col-6 pr-1">
									<a href="#" class="btn btn-outline-danger fw-500 btn-block"
										data-action="app-reset">Reset Settings</a>
								</div>
								<div class="col-6 pl-1">
									<a href="#" class="btn btn-danger fw-500 btn-block"
										data-action="factory-reset">Factory Reset</a>
								</div>
							</div>
						</div>
					</div>
					<span id="saving"></span>
				</div>
			</div>
		</div>
	</div>
	<!-- 添加模态框 -->
	<div class="modal fade" id="myModal">
		<div class="modal-dialog">
			<div class="modal-content">

				<!-- 模态框头部 -->
				<div class="modal-header">
					<h4 class="modal-title">新增</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<!-- 模态框主体 -->
				<div class="modal-body">
					<form th:action="@{/system/emp/insertHistory}" method="post"
						id="rosterFormAdd" enctype="multipart/form-data">
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-datetime-local-input">工号</label>
							<span class="text-danger">*</span>
							<input class="form-control" type="text" value="" name="job_id"
								placeholder="工号" hidden="hidden" id="zj_job_id">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-helping">历史记录日期</label> <input
								type="date" class="form-control" placeholder="日期"
								name="historytime">
						</div>
						<div class="form-group">
							<label class="form-label" for="xg-select">类型 </label> <select
								class="form-control" id="zj_types" name="types">
								<option selected="selected">转正</option>
								<option selected="selected">升职</option>
								<option selected="selected">调薪</option>
								<option selected="selected">年度调薪</option>
								<option selected="selected">考证</option>
								<option selected="selected">换岗</option>
								<option selected="selected">离职</option>
								<option selected="selected">其它</option>
							</select>
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">内容</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="types"
								placeholder="内容" id="zj_types">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">附件</label>
							<span class="text-danger">*</span> 
							<input type="file" class="form-control" name="file2"
								placeholder="" id="zj_file2">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal" id="saveAdd">保存</button>
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 修改历史记录模态框 -->
	<div class="modal fade" id="myUpdateModal" >
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- 模态框头部 -->
				<div class="modal-header">
					<h4 class="modal-title">修改</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<!-- 模态框主体 -->
				<div class="modal-body">
					<form th:action="@{/system/emp/updatehistory}" method="post"
						id="rosterFormUpdate" enctype="multipart/form-data">
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-datetime-local-input">工号
							</label> <input class="form-control" type="text" name="job_id"
								id="xg_job_id" readonly="readonly">
						</div>
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-static">Id</label> <input
								type="text" name="id" class="form-control" id="xg_id">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-helping">历史日期</label> <input
								type="date" class="form-control" placeholder="" name="historytime"
								id="xg_historytime">
						</div>
						<div class="form-group">
							<label class="form-label" for="xg-select">类型 </label> <select
								class="form-control" id="xg_types" name="types">
								<option selected="selected">转正</option>
								<option selected="selected">升职</option>
								<option selected="selected">调薪</option>
								<option selected="selected">年度调薪</option>
								<option selected="selected">考证</option>
								<option selected="selected">换岗</option>
								<option selected="selected">离职</option>
								<option selected="selected">其它</option>
							</select>
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">内容</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="body"
								placeholder="" id="xg_body">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">附件</label>
							<span class="text-danger">*</span> 
							<input type="file" class="form-control" name="file2"
								placeholder="" id="xg_file2" >
							<input hidden="hidden" type="text" class="form-control" name="file"
								 id="xg_jiufile2" readonly="readonly">
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal" id="saveUpdate">保存</button>
					<button type="button" class="btn btn-secondary"
					data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 添加其它信息模态框 -->
	<div class="modal fade" id="myModals">
		<div class="modal-dialog">
			<div class="modal-content">

				<!-- 模态框头部 -->
				<div class="modal-header">
					<h4 class="modal-title">新增</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<!-- 模态框主体 -->
				<div class="modal-body">
					<form th:action="@{/system/emp/insertEmpqts}" method="post"
						id="rosterFormAdds" >
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-datetime-local-input">工号</label>
							<span class="text-danger">*</span>
							<input class="form-control" type="text" value="" name="job_id"
								placeholder="工号" hidden="hidden" id="zjs_job_id">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-helping">日期</label> <input
								type="date" class="form-control" placeholder="日期"
								name="qitime">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">信息</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="qxinxi"
								placeholder="内容" id="">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">备注</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="qbeiz"
								placeholder="" id="zj_qbeiz">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal" id="saveAdds">保存</button>
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 修改其它信息模块模态框 -->
	<div class="modal fade" id="myUpdateModals" >
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- 模态框头部 -->
				<div class="modal-header">
					<h4 class="modal-title">修改</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<!-- 模态框主体 -->
				<div class="modal-body">
					<form th:action="@{/system/emp/updateEmpqt}" method="post"
						id="rosterFormUpdates" enctype="multipart/form-data">
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-datetime-local-input">工号
							</label> <input class="form-control" type="text" name="job_id"
								id="xgs_job_id" readonly="readonly">
						</div>
						<div class="form-group" hidden="hidden">
							<label class="form-label" for="example-static">Id</label> <input
								type="text" name="id" class="form-control" id="xgs_id">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-helping">日期</label> <input
								type="date" class="form-control" placeholder="" name="qitime"
								id="xgs_qitime">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">信息</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="qxinxi"
								placeholder="" id="xgs_qxinxi">
						</div>
						<div class="form-group">
							<label class="form-label" for="example-fileinput">备注</label>
							<span class="text-danger">*</span> 
							<input type="text" class="form-control" name="qbeiz"
								placeholder="" id="xgs_qbeiz" >
							
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal" id="saveUpdates">保存</button>
					<button type="button" class="btn btn-secondary"
					data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: bootstrap-table-js" />
	<script th:inline="javascript">
	   	var loginName = [[${user.loginName}]];
	   /* var name = [[emp.name]]
	    var ismarry = [[${emp.ismarry}]]; 
	    var sex = [[${emp.sex}]]; 
	    var status = [[${emp.status}]];
	    var education = [[${emp.education}]];
		var company = [[${emp.company}]]; 
		var fcompany = [[${emp.fen_company}]]; 
		var dept = [[${emp.dept}]]; 
		var cgroup = [[${emp.cgroup}]];
		$("#ismarry option[value= " + ismarry + "]").prop("selected",true);
		$("#sex option[value= " + sex + "]").prop("selected",true);
		$("#status option[value= " + status + "]").prop("selected",true);
		$("#education option[value= " + education + "]").prop("selected",true);
		$("#company option[value= " + company + "]").prop("selected",true);
		$("#fen_company option[value= " + fcompany + "]").prop("selected",true);
		$("#dept option[value= " + dept + "]").prop("selected",true);
		$("#cgroup option[value= " + cgroup + "]").prop("selected",true); */
	</script>
	<script type="text/javascript">
	 $(function() {
		var wsTable = new wsTableInit();
		wsTable.Init();
		var wsTable1 = new wsTableInit1();
		wsTable1.Init();
		/* var wsTable1 = new wsTableInit();
		wsTable1.Init(); */
		if(loginName!="admin"){
			getRemind();
			self.setInterval("getRemind()", 1000 * 10);
		}
/* 		var sumMoney=0;
		var sumpMoney=0;
		$("#provident span").each(function(index,element){
			var text=element.innerText;
			sumMoney = sumMoney+parseFloat(text);
			
		})
		$("#socialbaseSum").val(sumMoney.toFixed(2));
	    $("#provident i").each(function(index,element){
			var text=element.innerText;
			sumpMoney = sumpMoney+parseFloat(text);
		})
	    $("#socialpbaseSum").val(sumpMoney);
	    $("#sum").val((sumpMoney+sumMoney).toFixed(2)); */
	  });
	 var prefix = ctx + "system/emp";
	 var job_id = $('#job_id').val();
	 //历史记录模块
	 var wsTableInit = function() {
			var wsTableInit = new Object();
			//初始化Table
			wsTableInit.Init = function() {
				$('#history').bootstrapTable({
				url : prefix + '/historylist/'+job_id,
				contentType : "application/x-www-form-urlencoded",
				method : 'post',
				striped : true, //是否显示行间隔色
				cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				queryParams : wsTableInit.queryParams, //传递参数（*）
				sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页
				pageSize : 5, //每页的记录行数（*）
				pageList : [ 5, 10, 25, 50, 100, 'ALL' ], //可供选择的每页的行数（*）
				clickToSelect : true, //是否启用点击选中行
				height:"300",
				uniqueId : "job_id", //每一行的唯一标识，一般为主键列
				showToggle : false, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				smartDisplay : false, //加了这个才显示每页显示的行数
			/* 	showExport : true, //是否显示导出按钮 */
				columns : [
						{
							checkbox:true
						},
						{
							field : 'id',
							title : 'ID',
							align : 'center',
							visible:false
						},
						{
							field : 'job_id',
							title : '工号',
							align : 'center',
							visible : false
						},
						{
							field : 'historytime',
							title : '时间',
							sortable:true,
							align : 'center',
							
							
						},
						{
							field : 'types',
							title : '类型',
							sortable:true,
							align : 'center'
						},
						{
							field : 'body',
							title : '内容',
							sortable:true,
							align : 'center'
						},{
							field : 'fufile',
							title : '附件',
							sortable:true,
							align : 'center',
							formatter:function(value,row,index,field){
								return [
									"<a name='field' href='"+ctx+"system/emp/download/?filename="+row.fufilepath+"'>"+value+"</a>"
								].join("")
							} 
						}],
					});
			 	
			}

			//得到查询的参数
			wsTableInit.queryParams = function(params) {
				var temp = { //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
					pageSize : params.limit, //页面大小
					pageNum : params.offset / params.limit + 1,
					//pageIndex : params.offset, //页码
					
				};
				return temp;
			}
			return wsTableInit;
		};
		
		//其它信息模块
		var wsTableInit1 = function() {
			var wsTableInit1 = new Object();
			//初始化Table
			wsTableInit1.Init = function() {
				$('#qita').bootstrapTable({
				url : prefix + '/Empqtlist/'+job_id,
				contentType : "application/x-www-form-urlencoded",
				method : 'post',
				striped : true, //是否显示行间隔色
				cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				height:"300",
				queryParams : wsTableInit1.queryParams, //传递参数（*）
				sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页
				pageSize : 5, //每页的记录行数（*）
				pageList : [ 5, 10, 25, 50, 100, 'ALL' ], //可供选择的每页的行数（*）
				clickToSelect : true, //是否启用点击选中行
				uniqueId : "job_id", //每一行的唯一标识，一般为主键列
				showToggle : false, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				smartDisplay : false, //加了这个才显示每页显示的行数
				/* showExport : true, //是否显示导出按钮 */
				columns : [
						{
							checkbox:true
						},
						{
							field : 'id',
							title : 'ID',
							align : 'center',
							sortable:true,
							visible:false
						},
						{
							field : 'job_id',
							title : '工号',
							align : 'center',
							sortable:true,
							visible : false
						},
						{
							field : 'qitime',
							title : '时间',
							sortable:true,
							align : 'center',
							
						},
						{
							field : 'qxinxi',
							title : '信息',
							sortable:true,
							align : 'center'
						},
						{
							field : 'qbeiz',
							title : '备注',
							sortable:true,
							align : 'center'
						}],
					});
			 	
			}

			//得到查询的参数
			wsTableInit1.queryParams = function(params) {
				var temp = { //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
					pageSize : params.limit, //页面大小
					pageNum : params.offset / params.limit + 1,
					//pageIndex : params.offset, //页码
					
				};
				return temp;
			}
			return wsTableInit1;
		};
	 	$("#save").click(function() {
			var form = document.getElementById('FormAdd');
			form.submit();
		});
	 	
	 	
	 	//历史记录模态框
		$("#add").click(function() {
			$("#myModal").modal('show');
			$("#zj_job_id").val($('#job_id').val());
		});
	 	//历史记录
		//保存添加
		$("#saveAdd").click(function() {
			var types = $('#zj_types').val();
			var file2 = $('#zj_file2').get(0).files[0];
			var form = document.getElementById('rosterFormAdd');
			var job_id = $('#job_id').val();
			if(types=="其它" || types=="年度调薪"){
				form.submit();
			}else{
				if(file2==null || file2==""){
					Swal.fire("添加失败","该类型必须上传附件!","error");
				}else{
					form.submit();
				}
			}
		});
		//历史记录模块保存更新
		$("#saveUpdate").click(function() {
			var form = document.getElementById('rosterFormUpdate');
			var types = $('#xg_types').val();
			var file2 = $('#xg_file2').get(0).files[0];
			var jiufile2 = $('#xg_jiufile2').val();
			var job_id = $('#job_id').val();
			if(types=="其它" || types=="年度调薪"){
				form.submit();
			}else{
				if(file2==null || file2==""){
					if(jiufile2==null || jiufile2==""){
						Swal.fire("更新失败","该类型必须上传附件!","error");
						return;
					}else{
						console.log("提交");
						form.submit();
					}
				}else{
					form.submit();
				}
			}
		});
		$("#update").click(function() {
			var selRows = $("#history").bootstrapTable('getSelections');
			if(selRows.length==0){
				Swal.fire("未有修改项","请先选中一行再进行修改!","error");
				return;
			}else if(selRows.length>1){
				Swal.fire("只能修改一项!","无法批量修改,请选中单笔数据再进行修改","error");
				return;
			}else{
				$("#myUpdateModal").modal("show");
				$.ajax({
					url : prefix + '/getHistory',//提交到后台发访问路径
					type : "post",//提交的方式
					data : {
						"id" : selRows[0].id
					//向后台所要提交的数据
					},
					dataType : "json",//为json格式的数据
					success : function(data) {
						console.log(data);
						$('#xg_id').val(data.emphistory.id);
						$('#xg_job_id').val(data.emphistory.job_id);
						$('#xg_historytime').val(data.emphistory.historytime);
						$('#xg_types').val(data.emphistory.types);
						$('#xg_body').val(data.emphistory.body);
						$('#xg_jiufile2').val(data.emphistory.fufile);
					}	
				})
			}
		});
		//历史记录删除
		$("#delete").click(function() {
			Swal.fire({
                title: "您确定删除吗?",
                text: "删除后会失去这些信息，无法找回!",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: "确定",
                cancelButtonText: "取消"
	        }).then(function(result){
	        	console.log(JSON.stringify(result));
                if (result.value){
					//获取你所选中行的所有数据
					var selRows = $("#history").bootstrapTable('getSelections');
					if (selRows) {
						var ids = new Array();
						$(selRows).each(function() {// 通过获得选中的来进行遍历
							ids.push(this.id);// job_id为获得到的整条数据中的一列
							console.log(this.id);
						});
						$.ajax({
							url : prefix + '/deleteHistory',//提交到后台发访问路径
							type : "post",//提交的方式
							data : {
								"ids" : ids
							},
							dataType : "json",//为json格式的数据
							contextType : "application/json",
							success : function(data) {
								console.log(data);
								Swal.fire("已删除!","数据已被删除", "success").then(function(){
									$("#history").bootstrapTable('refresh');//表格自动进行刷新
								});
								
							}
						});
					}
                }
	        });
		});
	 	
	 	//其它信息添加模态框
		$("#adds").click(function() {
			$("#myModals").modal('show');
			$("#zjs_job_id").val($('#job_id').val());
		});
		//其他信息模块保存添加
		$("#saveAdds").click(function() {
			var form = document.getElementById('rosterFormAdds');
			form.submit();
		});
		//其它信息模块保存更新
		$("#saveUpdates").click(function() {
			var form = document.getElementById('rosterFormUpdates');
			form.submit();
		});
		
		//其它信息修改
		$("#updates").click(function() {
			var selRows = $("#qita").bootstrapTable('getSelections');
			if(selRows.length==0){
				Swal.fire("未有修改项","请先选中一行再进行修改!","error");
				return;
			}else if(selRows.length>1){
				Swal.fire("只能修改一项!","无法批量修改,请选中单笔数据再进行修改","error");
				return;
			}else{
				$("#myUpdateModals").modal("show");
				$.ajax({
					url : prefix + '/getEmpqt',//提交到后台发访问路径
					type : "post",//提交的方式
					data : {
						"id" : selRows[0].id
					//向后台所要提交的数据
					},
					dataType : "json",//为json格式的数据
					success : function(data) {
						console.log(data);
						$('#xgs_id').val(data.empqt.id);
						$('#xgs_job_id').val(data.empqt.job_id);
						$('#xgs_qitime').val(data.empqt.qitime);
						$('#xgs_qxinxi').val(data.empqt.qxinxi);
						$('#xgs_qbeiz').val(data.empqt.qbeiz);
					}	
				})
			}
		});
		//其它信息删除
		$("#deletes").click(function() {
			Swal.fire({
                title: "您确定删除吗?",
                text: "删除后会失去这些信息，无法找回!",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: "确定",
                cancelButtonText: "取消"
	        }).then(function(result){
	        	console.log(JSON.stringify(result));
                if (result.value){
					//获取你所选中行的所有数据
					var selRows = $("#qita").bootstrapTable('getSelections');
					if(selRows.length==0){
        				Swal.fire("未有删除项!","必须先选中至少一行才可进行删除","error");
        				return;
        			}
					if (selRows) {
						var ids = new Array();
						$(selRows).each(function() {// 通过获得选中的来进行遍历
							ids.push(this.id);// job_id为获得到的整条数据中的一列
							console.log(this.id);
						});
						$.ajax({
							url : prefix + '/deleteEmpqt',//提交到后台发访问路径
							type : "post",//提交的方式
							data : {
								"ids" : ids
							},
							dataType : "json",//为json格式的数据
							contextType : "application/json",
							success : function(data) {
								console.log(data);
								Swal.fire("已删除!","数据已被删除", "success").then(function(){
									$("#qita").bootstrapTable('refresh');
        						});
							}
						});
					}
                }
	        });
		});
	  	var prefixs = ctx + "/system/penalty";
			//获取我的提醒
			function getRemind() {
				$.ajax({
					url : ctx + 'system/remind/getRemindListNoPaging',//地址
					success : function(data, status) {
						//alert(data);
						if(status=='success'){
							$("#remindList").empty();
							if(data.length>0){
								$("#remindTotal_1").text(data.length);
								$("#remindTotal_2").text(data.length);
							}else if(data.length==0){
								$("#remindTotal_1").text('');
								$("#remindTotal_2").text('');
							}
							for (var i = 0; i < data.length; i++) {
								var obj = data[i];
								var offset = transDate(obj.remindDate)
								var url = ctx+"system/remind?id="+obj.id;
								$("#remindList").append(
										"<li class=\"unread\"><a href="+url+" class=\"d-flex align-items-center\"> <span class=\"d-flex flex-column flex-1 ml-1\"> <span class=\"name\">"+obj.formName+"</span> <span class=\"msg-a fs-sm\">"+obj.remindContent+"</span> <span class=\"fs-nano text-muted mt-1\">"+offset+"</span></span></a></li>");
							}
						}
					}
				})
			}
			
			function empMseeage(){
				window.location.href=ctx+"system/empentry/fasong?job_id="+job_id;
			}
			function empMseeagess(){
				window.location.href=ctx+"system/empleave/leave?job_id="+job_id;
			}
			$("#saveSalary").click(function() {
				$("#salaryId").val(job_id);
			})
			//历史记录导出
			function exportData() {
				$('#wstable').tableExport({
					type : 'excel',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的历史记录', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			}
			//历史记录导出
			function exportDataCSV() {
				$('#wstable').tableExport({
					type : 'csv',
					escape:'false',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的历史记录', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			} 
			//历史记录导出
			function exportDataPDF() {
				$('#wstable').tableExport({
					type : 'pdf',
					escape:'false',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的历史记录', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			}
			
			//其他信息记录导出
			function exportData1() {
				$('#wstable').tableExport({
					type : 'excel',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的其它信息', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			}
			//其他信息记录导出
			function exportDataCSV1() {
				$('#wstable').tableExport({
					type : 'csv',
					escape:'false',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的其它信息', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			} 
			//其他信息记录导出
			function exportDataPDF1() {
				$('#wstable').tableExport({
					type : 'pdf',
					escape:'false',
					exportDataType : "all",
					ignoreColumn : [ 0 ], //忽略某一列的索引
					fileName : $("#name").val()+'的其它信息', //下载文件名称
					onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
						console.info(data);
						return data;
					},
				});
			}
			// 计算耗时
			function transDate(todoTime) {
				date = new Date(todoTime);
				var tt = date;
				var days = parseInt((new Date().getTime() - date) / 86400000);
				var today = new Date().getDate();
				var year = tt.getFullYear();
				var mouth = tt.getMonth() + 1;
				var day = tt.getDate();
				var time = tt.getHours() < 10 ? "0" + tt.getHours() : tt.getHours();
				var min = tt.getMinutes() < 10 ? "0" + tt.getMinutes() : tt.getMinutes();
				var result, offset;
				offset = Math.abs(today - day);
				if (days < 4 && offset < 4) {
					if (offset === 0) {
						result = "今天" + time + ":" + min;
					} else if (offset === 1) {
						result = "昨天" + time + ":" + min;
					} else if (offset === 2) {
						result = "前天" + time + ":" + min;
					} else if (offset === 3) {
						result = "3天前" + time + ":" + min;
					}
				} else {
					// result = year + "-" + mouth + "-" + day + " " + time + ":" + min;
					result = "3天以前";
				}
				return result;
			}
	</script>
	<script type="text/javascript">

    //下面用于多图片上传预览功能
    function setImagePreviews(avalue) {
        //获取选择图片的对象
        var docObj = document.getElementById("doc");
        //后期显示图片区域的对象
        var dd = document.getElementById("dd");
        dd.innerHTML = "";
        //得到所有的图片文件
        var fileList = docObj.files;
        //循环遍历
        for (var i = 0; i < fileList.length; i++) {    
            //动态添加html元素        
            dd.innerHTML += "<div style='float:left' > <img id='img" + i + "'  /> </div>";
            //获取图片imgi的对象
            var imgObjPreview = document.getElementById("img"+i); 
            
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '200px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要以下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);   //获取上传图片文件的物理路径
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                //alert(imgSrc)
                var localImagId = document.getElementById("img" + i);
               //必须设置初始大小
                localImagId.style.width = "200px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }  
        return true;
    }
	function chang(value){
		
		var num = value;
    	if(num==null || num<0 || num==""){
    		num = 0;
    		num = num.toFixed(2);
    	}else{
				num = num.toFixed(2);
    	}
			console.log(num);
			console.log(typeof value);
			return num;
	} 

</script>
	
</body>
</html>
